添加"sDom"后数据表未加载数据

Question

我使用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>

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

Answer 1

首先,文档没有提到子类插入,所以尝试从这个代码的工作起点(替换相同的行):

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

我没有任何数据代码示例(但你可以在pastebin.com或其他方面提供一些),代码似乎是正确的.所以只需在sDom中添加一个规则,并在检查它是否正常工作后逐个添加.