Render HTML in column filter options

Tags: #<Tag:0x00007f8b1db4fe10>

We have a table with HTML content in cells (images for example).
All the columns have “HTML” renderer.
Column filter displays unique column items as text, not a rendered HTML:

Is it possible to show column filter items as rendered HTML (images) ?

Hi @pisklenov

as mentioned in this topic https://github.com/handsontable/handsontable/discussions/7699 at the moment filter shows exactly what is accessible via getDataAtCell method.
You can, however, use the ability to create custom option of the dropdown menu to create a custom filter. Here https://handsontable.com/docs/angular-custom-context-menu-example/ is an example on how to construct a custom menu option. We mention contextMenu (cell menu) but the syntax is the same as for the dropdownMenu (header menu).

1 Like

Ok, thank you Aleksandra!