Question

我正在使用DataTables和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小提琴here。

如果您希望它不显示，您也应该删除l中的<'col-sm-6'l>。

另一个更新的JS小提琴here。

Answer 2

我解决了这个问题：

$(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'>>"});

}）;

你实际上错过了'。

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

2 个答案: