Question

我正在显示一个Jquery数据表，我需要突出显示行选择行。我已经想出了使用：

$('#example').dataTable({
 select: true
})

问题是，当我选择一行时，表格的左下方会显示“显示19个条目中的1到10个1行所选”的信息。我只想保持“显示19个条目中的1到10个”。我试过了：

$('#example').dataTable({
 select: true,
 "bInfo": false
})

但是，这消除了整个事情。有解决方法吗？

Answer 1

使用以下脚本:(代码基于小提琴）

$(document).ready( function () {
    $('#table_id').DataTable({
    paging: true,
    select: true
    });

    var table = $('#table_id').DataTable();
    table.select.info( false);

} );

Answer 2

您使用info:false走在正确的轨道上，但它需要位于select对象内，以帮助配置select。我还注意到你还必须指定style选项，否则它不起作用所以我使用了默认的os样式

更多信息here

要回答您的评论，您可以使用row().select选择第一行我已更新我的回答以包含该内容。

＆＃13;

$(document).ready(function() {
  let table = $('#table_id').DataTable({
    paging: true,
    select: {
        style: 'os',
        info: false
    }
  });
  
  // select the first row
  table.row(':eq(0)').select();
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://cdn.datatables.net/1.10.15/css/jquery.dataTables.min.css" rel="stylesheet"/>
<script src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/select/1.2.5/js/dataTables.select.min.js"></script>
<table id="table_id" class="display">
  <thead>
    <tr>
      <th>Column 1</th>
      <th>Column 2</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>XYZ</td>
      <td>ABC</td>
    </tr>
    <tr>
      <td>XYZ</td>
      <td>ABC</td>
    </tr>
    <tr>
      <td>XYZ</td>
      <td>ABC</td>
    </tr>
  </tbody>
</table>

＆＃13;

jQuery Datatble：隐藏表格左下角的行选择信息

2 个答案: