Community / custom plugin
DataTables docsA custom range-search plugin registered via DataTable.ext.search, the same mechanism every datatables.net-plugins package uses. Drag the slider to filter by minimum age; the plugin re-filters on draw().
| ID | Name | Position | Office | Age | Start date | Salary | Status |
|---|
import DataTable from 'datatables.net';
// A custom range-search plugin, the same API datatables.net-plugins use.
const searchFn = (settings, rowData) =>
Number(rowData[4]) >= this.minAge();
DataTable.ext.search.push(searchFn); // register
this.api.draw(); // re-filter on change
// On destroy, remove it again so it does not affect other tables:
const i = DataTable.ext.search.indexOf(searchFn);
if (i >= 0) DataTable.ext.search.splice(i, 1);