¿Es posible almacenar estos filtros seleccionados en una variable y actualizarlos también cuando el usuario selecciona otro conjunto de filtros? ¿Si es así, cómo?
Codesandbox: https://codesandbox.io/s/muidatatables-custom-toolbar-forked-lrbf16
Para lograr eso, puede usar la devolución de llamada onFilterChange , así:
const options = { ... onFilterChange: (column, filterList, type) => { const selectedFilters = this.extractFilters(filterList); console.log(selectedFilters); } }Esta función se llamará cada vez que cambie la lista de filtros.
Luego, declara la función extractFilters que extraerá todos los filtros seleccionados de la lista de filtros filterList y devolverá un objeto de matriz que contiene todos los filtros seleccionados:
extractFilters = (filterList) => { let selectedFilters = []; filterList.forEach((filter) => { if (filter.length > 0) { selectedFilters.push(...filter); } }); return selectedFilters; };Puede almacenar esta matriz en el estado.
Aquí hay un ejemplo de trabajo.