3

我使用 DataTables (datatables.net) 来显示我的数据，但是当我添加 sDom 元素时，没有数据加载到表中。

下面的代码有效

<script type="text/javascript" charset="utf-8">
            $(document).ready(function() {
                $('#table_main').dataTable( {
                    "bProcessing": true,
                    "bServerSide": true,
                    "sAjaxSource": "<?php echo base_url()?>datatable.php"

                });

            });
        </script>

尽管创建了 sDom 中给出的标签，但没有从源加载任何数据。以及在 fnInitComplete 中给出的按钮样式也没有被应用

<script type="text/javascript" charset="utf-8">
            $(document).ready(function() {
                $('#table_main').dataTable( {
                    "bProcessing": true,
                    "bServerSide": true,
                    "sAjaxSource": "<?php echo base_url()?>datatable.php",
                    "sDom": "<'dtTop'<'dtShowPer'l><'dtFilter'f>><'dtTables't><'dtBottom'<'dtInfo'i><'dtPagination'p>>",
                         "fnInitComplete": function(){
                                $(".dtShowPer select").uniform();
                                $(".dtFilter input").addClass("simple_field").css({
                                    "width": "auto",
                                    "margin-left": "15px"
                            });
                         }

                });

            });
    </script>

任何有关如何解决此错误的帮助将不胜感激。

4

1 回答 1

5

起初，文档没有说明子类插入，所以从工作起点尝试使用这样的代码（替换同一行）：

"sDom": '<"dtShowPer"l><"dtFilter"f><"dtTables">rt<"dtBottom"><"dtInfo"i><"dtPagination"p>',

我没有任何带有数据的代码示例（但您可以在 pastebin.com 或其他网站上提供一些），并且代码似乎是正确的。所以只需在 sDom 中添加一条规则，并在检查它是否正常后逐条添加。

于 2012-09-09T14:21:36.180 回答