Tablesorter - удалить фильтр из столбцов

Я хочу исключить некоторые столбцы из фильтрации - так же, как я могу с sorder, но я не уверен, как это сделать с виджетами, есть ли простой способ сделать это?

jQuery(document).ready(function($) {

  $("#eventTable").tablesorter({
    widthFixed : true,
    widgets: ["filter"],

    widgetOptions : {
      filter_childRows   : false,
      filter_hideFilters : false,
      filter_ignoreCase  : true,
      filter_cssFilter : 'tablesorter-filter',

      filter_functions : {
        1 : function(e, n, f, i) {
          return e === f;
        }
      }
    }
  });
});

Ответы

Ответ 1

Вы можете использовать либо вариант заголовка, либо добавить класс filter-false в тег TH для этого столбца.

Опция заголовка документирована в документации tablesorter - нажмите "заголовки" в столбце свойств таблицы конфигурации. Синтаксис опции:

headers: { 0: { filter: false} }

Используйте следующий CSS, если вы не хотите показывать форматирование фильтра по умолчанию:

.tablesorter thead .disabled {display: none}

Ответ 2

Вы можете отключить фильтр и/или сортировать для определенного столбца, используя:

<th data-sorter="false" data-filter="false"></th>

Ответ 3

чтобы отключить фильтр для использования конкретного столбца <th data-filter="false"></th>

чтобы отключить сортировку для использования конкретного столбца <th data-sorter="false"></th>

объединить их, чтобы отключить оба. <th data-sorter="false" data-filter="false"></th>

это приведет к тому, что класс "disabled" будет применен к текстовому поле, используемому для фильтрации. Текстовое поле будет выделено серым цветом. если вы хотите полностью скрыть текстовое поле, просто добавьте это

<style>
    .tablesorter thead .disabled {
        display:none;
    }
</style>

Ответ 4

Если вы хотите скрыть все фильтры -before pageload-, добавьте этот код в ваш файл Css.

.tablesorter-filter-row{
display : none;
}