datatable filter custom css

Webix JS
1

Hi

header: [
    "Date",
    {content:"dateRangeFilter"}
],

Is there a way to add custom css ? i.e

header: [
    "Date",
    {content:"dateRangeFilter", css:"mycustomcss"}
],

Seem’s not ?

2

Hi,

You can use webix.html.addCss

https://snippet.webix.com/dz66dt8i

3

HI,
That solution works good with background-color, but it not works with font-size. Is there a solution for that issue?
thank you
Roman

4

Hello @ObiWanKenobi ,
The new font-size value in the example will be overriden because of the more specific selector in the default styles, so you could make your selector more specific too: Code Snippet .
Also it is better to check if the class already exists as onAfterRender is called each time the table is repainted. Or you can also use some other handler, for example, a ready handler: Code Snippet .

5

Thank you ! It works.

6

Hello ObiWanKenobi,

Also you can just set css in the header without using event handlers this way:
header:["Film title", {content:"textFilter", css: "custom"},
Please check the example: Code Snippet

1 Like