Datatables select и search filter

Question

Я использую таблицу данных от here. Я применил фильтр выбора столбца. Я хотел бы реализовать смешанный фильтр выбора и поиска для моей таблицы. Другими словами, я имею 3 ряда: No, Name, Address. Столбец No должен иметь фильтр поиска. Name должен иметь фильтр выбора, а Address должен иметь фильтр поиска. Как я могу это достичь? Любой пример кода может помочь изменить его в моем реальном приложении.

Answer 1

Вы можете сделать это используя Column Filter plugin

('#example').dataTable().columnFilter({ 
    aoColumns: [ 
       { type: "text" }, 
       { type: "select", values: [ 'Adam', 'Bob', 'Casey', 'Dave'] }, 
       { type: "text" } 
      ] 

Это устанавливает фильтр для каждого столбца. Первый столбец будет текстовым, второй - выпадающим, содержащим имена, перечисленные в values, и третье другое текстовое поле.

Если вы хотите, чтобы ваш No колонка быть numeric range, вы можете сделать это вместо того, чтобы:

{ type: "number-range" } 

Если вы просто хотите найти один номер, вы можете сделать это:

{ type: "number" }