Как скрыть поля ввода для определенных столбцов в таблицах данных?

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

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

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

Как скрыть поля ввода для определенных столбцов в таблицах данных?

Вы хотите их скрыть или удалить?

Steven 31.10.2018 08:25

Используйте table.columns([1,2]).visible(false) ...

davidkonrad 31.10.2018 08:36

@Steven Я хочу скрыть поле ввода только для поиска 1,2 и сохранить данные о работе и возрасте.

Ali AAti 31.10.2018 09:53

@davidkonrad спасибо за помощь, но я хочу скрыть поле ввода только для поиска 1,2 и сохранить данные о работе и возрасте.

Ali AAti 31.10.2018 09:53

Проблема решена live.datatables.net/yaxusisi/1/edit

Ali AAti 31.10.2018 22:08
Как конвертировать HTML в PDF с помощью jsPDF
Как конвертировать HTML в PDF с помощью jsPDF
В этой статье мы рассмотрим, как конвертировать HTML в PDF с помощью jsPDF. Здесь мы узнаем, как конвертировать HTML в PDF с помощью javascript.
0
5
292
2

Ответы 2

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

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

вместе с

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

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

Думаю, вам это поможет, но я хочу скрыть поле ввода только для поиска 1,2 и сохранить данные о работе и возрасте.

Ali AAti 31.10.2018 09:55

Проблема решена с помощью этого кода 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();

}
 });
  });

Другие вопросы по теме