jQuery Datatble: скрыть информацию о выборе строк в левом нижнем углу таблицы

Question

Я отображаю Jquery Datatable, и мне нужно выделить строку при выборе строки.Я уже понял это, используя:

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

Проблема в том, что, когда я выбираю строку, информация "Отображение от 1 до 10 из 19 выбранных записей 1 выбранной строки" отображается в левом нижнем углу таблицы.Я просто хочу оставить «Показано с 1 по 10 из 19 записей».Я попытался:

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

Но это удаляет все.Есть ли обходной путь для этого?

Answer 1

Вы были на правильном пути, используя info:false, но он должен находиться внутри объекта select, который помогает настроить select.Я также заметил, что вы должны также указать параметр style, иначе он не работает, поэтому я использовал стиль по умолчанию os

Подробнее здесь

Чтобы ответить на ваш комментарий, вы можете выбрать первую строку с помощью row (). Выберите Я обновил свой ответ, чтобы включить его.

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

<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>

Answer 2

Используйте следующий скрипт: (Код основан на скрипте)

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

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

} );