如何在表格顶部显示"Showing 1 to 10 of X entries"



如何在表的顶部显示"显示1到10个X项" ?

我的代码如下:

$(document).ready(function () {
    var oTable = $('#GridView1').prepend($('<thead></thead>').append($('#GridView1').find("tr:first"))).DataTable({
        "columnDefs": [
                 { "targets": [0, 1, 3,4], "searchable": false }
        ],
        "oLanguage": {
            "sSearch": "Search by Category: "
        }
    });
});
<

解决方案/strong>

使用dom选项来定义表控件元素在页面上显示的顺序。

var oTable = $('#GridView1')
   .prepend(
      $('<thead></thead>')
         .append(
            $('#GridView1').find("tr:first")
         )
      )
    .DataTable({
       "columnDefs": [
          { "targets": [0, 1, 3,4], "searchable": false }
       ],
       "oLanguage": {
           "sSearch": "Search by Category: "
       },
       "dom": "lifrtp"
    });

还可以添加以下CSS规则来调整信息控件的外观。

.dataTables_wrapper .dataTables_info {
    clear:none;
    margin-left:10px;
    padding-top:0;
}

相关内容

最新更新