同时使用dom和sDom选项

Question

我正在实现一个具有以下功能的dataTable：

1. navbar的数据表搜索框
2. 在表格顶部显示表格行状态

经过长时间的实验，我无法在我的数据表中同时包含这两个功能。

$(document).ready(function(){
   var filterTable =$("#pendingindentdatesort").DataTable({

      "fixedHeader": true,
      "bAutoWidth": false,
      "dom": '<"wrapper"flipt>',
      "sDom": 'ltipr',
      "lengthMenu": [ [-1, 10, 25, 50, 100], ["All", 10, 25, 50, 100] ],
      "bDeferRender": true,
      "aoColumns": [

                          {"bSortable": true},
                          {"bSortable": true},
                          {"bSortable": true},
                          {"bSortable": true},
                          {"bSortable": true},
                          {"bSortable": true},
                          {"bSortable": true},
                          {"bSortable": true},
                          {"bSortable": true},
                          {"iDataSort": 10},
                          {"bVisible": false},
                          {"iDataSort": 12},
                          {"bVisible": false},
                          {"bSortable": true},
                          {"bSortable": true},
                          {"bSortable": true},
                          {"bSortable": true},  
                          {"bSortable": true},
                          {"bSortable": true},
                          {"bSortable": true},
                          {"iDataSort": 21},
                          {"bVisible": false},
                          {"bSortable": true},
                          {"bSortable": true},
                          {"bSortable": true},
                          {"bSortable": true}
      ],
      "order": [[ 10, "desc" ]]                         
   });

   $("#filterbox").keyup(function() {
     filterTable.search(this.value).draw();
   });

});

Answer 1

你需要使用其中一个，它们是同义词。在jQuery DataTables 1.10发布并引入new naming convention之后，选项sDom是与jQuery DataTables 1.9兼容的选项。