javascript - 数据表长度更改输入控件出现两次

Question

我正在使用具有 Bootstrap 样式的数据表。我遇到了一个问题，即表格的长度控制出现两次，即使它完全离开 dom ( Dom reference)。

关于 jsfiddle 的问题示例.

我操作 dom 的 javascript 的相关部分:

$(document).ready(function() {
    var table = $('#example').DataTable({"dom": 
                    "<'row'<'col-sm-6'l><'col-sm-6'>>"+
            "<'row'<'col-sm-12'tr>>"+
            "<'row'<'col-sm-12'i>>"+"<'row'<''col-sm-12'>>"});
} );

我希望长度更改控件根本不出现。

Answer 1

你有一个额外的 '在你的最后<'row'标签。试试这个:

$(document).ready(function() {
    var table = $('#example').DataTable({"dom": 
                    "<'row'<'col-sm-6'l><'col-sm-6'>>"+
            "<'row'<'col-sm-12'tr>>"+
            "<'row'<'col-sm-12'i>>"+"<'row'<'col-sm-12'>>"});
} );

更新了 JS Fiddle here .

如果你不想让它出现，你应该删除 l在 <'col-sm-6'l>

另一个更新的 JS Fiddle here .