为什么我的引导可编辑，而引导表不工作？

Question

我正在创建一个需要可编辑字段的表。。

此jquery元素将附加到页面：

var container = $('#up-modal .modal-body');
var table = $('<table></table>');
table.attr('id','up-table');
table.attr('style','width:auto;');
table.attr('data-toggle', 'table');
table.attr('data-search', 'true');
table.attr('data-maintain-selected', 'true');
table.attr('data-pagination','true');
table.attr('data-page-size',3);
container.append(table);

然后，调用bootstrap table函数

$("#up-table").bootstrapTable({
    columns:[
        {
            field: 'id',
            title: 'ID',
            align: 'center'
        },
        {
            field: 'Permission',
            title: 'Permission',
            searchable: true
        },
        {
            field: 'Extended',
            name: 'Extended',
            title: 'Properties',
            editable:{
                type: 'text',
                pk: 1,
                title: 'Modify Properties',
                name: 'Extended',
                validate: function(value){
                    value = $.trim(value);
                    try{
                        JSON.parse(value);
                    }catch(e){
                        return 'Invalid json provided for properties';
                    }
                }
            }
        },
        {
            field: 'Access',
            title: 'Access',
            checkbox:true
        }
    ],
    data: tableData
});

表格绘制正确，但字段不可编辑。我可以调用$（'.editable'）。可编辑（选项）在生成表后，该选项可以正常工作，但在涉及分页时将停止工作。

我使用这个例子作为参考https://github.com/wenzhixin/bootstrap-table-examples/blob/master/welcome.html

哦，我应该提到适当的脚本和css文件是本地托管的，并且正确地包含在我的html中。

库快速链接：
https://vitalets.github.io/bootstrap-editable/
http://bootstrap-table.wenzhixin.net.cn/

Answer 1

呜呜。事实证明，x-edable、bootstrap 3和bootstrap表存在兼容性问题。

要解决这个问题，我所要做的就是包含引导可编辑表扩展

https://github.com/wenzhixin/bootstrap-table/tree/master/src/extensions/editable