0

我正在使用 jQuery DataTables 对表格数据进行排序，并且我想自定义布局。而不是框架注入 HTML 元素，我只想指定使用 ID 的位置。这是我的初始化：

<script type="text/javascript" charset="utf-8">
    $(document).ready(function() {
        $('#results-table').dataTable({
            "sDom": 'fi'
        });
    });
</script>

这会同时显示搜索栏和信息文本。我已经创建了一个要用于过滤器的输入以及一个用于显示信息的 div。我只需要框架将 HTML 插入这些元素而不是创建新元素。

4

1 回答 1

1

好的，这就是您将自己的元素添加到 sDom 的方式（请注意，在我的示例中，我使用 jquery ui 进行样式设置，所以我必须添加 ui 元素）

 var oTable = $('#example').dataTable( {
    "bJQueryUI": true,
    "bProcessing": true,
    "bServerSide": true,
    "sDom": '<"ui-toolbar ui-widget-header ui-corner-tl ui-corner-tr ui-     helper-clearfix"l f <"dataTables_mylist"><"dataTables_dater"> r>t<"ui-toolbar ui-widget-header ui-corner-bl ui-corner-br ui-helper-clearfix"ip>',

datatables_mylist 和 dataTables_dater 都是我在加载后注入内容的元素 ID。在初始化 DataTables 后，您需要使用标准的 jQuery / DOM 方法（即 appendChild），它无法抓取现有元素并移动它。

在我的应用程序中，Mylist 是一个按钮，onclick 按用户 ID 应用特定过滤器，这样我就不必显示用户列，用户也不必在搜索框中输入他们的用户 ID

于 2013-05-02T00:52:58.940 回答