Question

相对于this和this页面（我用作参考），我确定了我的DataTable的dom参数，因为我想删除分页功能。这很有效，但其他功能也可以在不同的行中显示出来。

在此之后只是为了进行测试，我将dom参数设置为默认值，因为引用的网站说

＆＃34; lfrtip（当bJQueryUI为假时）或＆lt;＆＃34; H＆＃34; lfr＆gt; t＆lt;＆＃34; F＆＃34; ip＆gt; （当bJQueryUI时是真的）＆＃34;

但结果相同：

当我完全删除dom设置时，布局就会成为我所期望的不受欢迎的分页：

Here提问者有类似的问题，接受的答案是引入一个特殊的CSS课程。 但我想知道，为什么默认值在手动设置时表现不同？

（使用css类是解决问题的唯一选择吗？）

        $scope.dataTable = $("#ttable").DataTable({
            "sorting": [[2, "desc"]],
            "data": $scope.tTable,
            "language": { "sUrl": $scope.dataTableTranslation },
            "autoWidth": false,
            "columns": $scope.tTableColumns,
            "dom": '<"H"lfr>t<"F"i>'
        });

更新：

我也试过了"dom": 'lfrtip'。

我能够使用"dom": '<"row"<"col-sm-6"i><"col-sm-6"f>>rt<"bottom"i><"clear">'创建所需的外观（删除dom属性时会自动生成该结构）。但仍然想知道为什么不以同样的方式表现'lfrtip'。

Answer 1

如果样式不是默认值，则dom的默认值会更改，请参阅Styling。

例如，对于Bootstrap框架，dom的默认值为

"<'row'<'col-sm-6'l><'col-sm-6'f>>" +
"<'row'<'col-sm-12'tr>>" +
"<'row'<'col-sm-5'i><'col-sm-7'p>>"

jQuery DataTable：dom参数在手动设置时以不同方式显示布局

1 个答案: