Как скрыть поля ввода для определенных столбцов в DataTables? - PullRequest
0 голосов
/ 31 октября 2018

Я хочу скрыть поля ввода для фильтрации Job и Age, как на картинке.

Как это сделать, пожалуйста, мне нужна помощь в решении моей проблемы.

это мой пример http://live.datatables.net/piqidoqo/610/edit

enter image description here

Ответы [ 2 ]

0 голосов
/ 01 ноября 2018

Проблема решена с помощью этого кода http://live.datatables.net/yaxusisi/1/edit

$(document).ready(function() {

   // Create the DataTable
   var table = $("#example").DataTable({
     orderCellsTop: true,
    initComplete: function() {
    var table = this.api();

  // Add filtering
  table.columns([1,2]).every(function() {
    var that = this;

    // Create the `select` element
    var input = $('<input type="text" />')
      .appendTo($("thead tr:eq(1) td").eq(this.index()))
      .on("keyup", function() {
        that.search('^' + $(this).val() + '$', true, false).draw();
      });        
  });

  displaySearch();

}
 });
  });
0 голосов
/ 31 октября 2018

Вы можете использовать следующие

<td style="display:none">your html here</td>

вместе с

$('#your_table').DataTable( {
        "columnDefs": [
            {
                "targets": [ column_number_you_want_to_hide ],
                "visible": false,
            },
          ]
});

Знайте, что номера столбцов начинаются с 0, а не с 1.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...