Me preguntaba si este problema le ha sucedido a alguien más mientras usaba el tabulador.
Estoy tratando de crear una tabla con el conjunto headerFilter para select . es decir, dentro de la columna Definiciones: {title: 'title', headerFilter:'select'...} .
El problema que tengo es que al configurar {headerFilter:'select', headerFilterParams: {values: true}} esto devuelve todas las opciones de filtro posibles para la columna. Soy consciente de que esta es probablemente la función prevista de {values: true} , pero me preguntaba si hay una forma de mostrar solo la opción para filtrar los datos actualmente en la tabla (es decir, los datos filtrados).
Revisé la documentación del tabulador y no puedo encontrar nada relacionado con el problema que tengo.
Sin embargo, creé mi propia función para hacer esto por mí: que se puede encontrar aquí (Codepen.io). Descomentar las líneas 30-32 activará la función que he creado. Hay problemas con eso. Este codepen también muestra los dos problemas que se mencionan. Aparte de ser el código de espagueti:
Cuando uso {frozen:true} en las definiciones de columna, aparece el error: Uncaught TypeError: Cannot set properties of undefined (setting 'position') relacionadas con FrozenColumns.js (línea 295) element.style.position = "absolute"; .
Al agregar valores a headerFilterParams de los datos filtrados en la tabla. Sospecho que este es un problema con las claves de objeto que se sobrescriben, en lugar de fusionarlas. Pero antes de seguir la ruta de tratar de concatenar objetos con duplicados en una sola entrada, quería hacer esta publicación.
Si alguien pudiera ayudarme con cualquiera de estos problemas / informarme sobre una forma mucho más fácil y limpia de implementar esta función, sería MUY apreciado. He pasado demasiadas horas tratando de entender este problema.
Tabulador: v5.1.6. jQuery: v.3.6.0
Gracias a todos de antemano :)
Para aquellos que tienen el mismo problema, solucioné el problema primero: actualicé a Tabulator v5.2 y luego {headerFilter: "select", headerFilterParams:{values:true}} a {headerFilter: "list", headerFilterParams:{valuesLookup: "active"}}