filterbar, in dynamic filter, "label" property not work

FernandoHumanes

When I use this function, I do not see the way to rename the names of the physical fields in the name that users understand. Normally the "label" property is used, but it has no effect in this case.

Example:
let fieldFilter = $derived([ { id: "name", label: "Nombre", type: "text", placeholder: "Buscar por Nombre" }, { id: "price", type: "number" , placeholder: "Buscar por Precio, igual o mayor", filter: "greaterOrEqual" }, { id: "startDate", type: "date" , placeholder: "Buscar por Fecha, igual o mayor", filter: "greaterOrEqual" }, { id: "rating", type: "text", placeholder: "Buscar por Valoración" }, { id: "theme", type: "text", options: getOptions(movies, "theme"), placeholder: "Buscar por Tema" }, { id: "support", type: "text", options: getOptions(movies, "support"), placeholder: "Buscar por Soporte" } ]);

Can you help me?

tasha

Hello FernandoHumanes,

To rename the names of the fields the id of each object in the fieldFilter array must match the options data keys as well as in the rule structure the field property should match the field id from the fields array.

Please check the example: https://stackblitz.com/edit/sveltejs-kit-template-default-mtaqq5fc?file=src%2Froutes%2FMyFilter.svelte

FernandoHumanes

Thank you very much, but I don't know if you answer my question.
I want to use the "filterbar, in dynamic filter" filter and I understand that in this type of filter there is no solution and that you propose to use another type of filter.
Is that so?

tasha

I apologize for the initial misunderstanding of your question.
We have investigated the problem you described, and it appears to be a bug.
Thank you for reporting this issue. We plan to fix it in the nearest time.