Question

我使用jQuery DataTables对表数据进行排序，我想自定义布局。而不是注入HTML元素的框架，我只想指定它们应该使用的ID。这是我的初始化：

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

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

Answer 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

使用jQuery DataTables定制设计

1 个答案: