如何在表格顶部显示“显示1到10个X条目”

Question

如何在表格顶部显示“显示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: "
        }

    });

});

Answer 1

  

<强>解

使用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;
}

  

<强>样本

请参阅this jsFiddle以获取代码和演示。