Select Filter's Popup CSS

Webix JS
#1

Hi, by referring this snippet:

https://snippet.webix.com/o1t1zi4q

As I change the headerRowHeight to 25 instead of default, there would be a gap when we click on the select filter. May I know how could we change the css of that select filter popup? As I found it is a bit different with normal webix select component.

#2

Hi, @laicp
try this

<style>
  .webix_dtable .webix_ss_filter select, .webix_dtable .webix_ss_filter input{
  height:99%;
  height:calc(100% - 2px);
  }
</style>
#3

Hi @intregal … Anyway for us to input the custom css? As I believe this would affected all of my datatable.

Thanks.

#4

this will affect only filters.
but yes, for all datatables.
if you need to apply style only to specific table then you can use css:css_name for table and limit style for that class

<style>
  .webix_dtable.css_name .webix_ss_filter select, .webix_dtable.css_name .webix_ss_filter input{
  height:99%;
  height:calc(100% - 2px);
  }
</style>
#5

Hi @intregal … You means apply the css to the table instead of the column, right?

#6

yes. but you can apply it to column if you need.

#7

Hi @intregal … got it. Thanks

https://snippet.webix.com/ktutgcro

#8

@laicp
if height:100% is OK for you then don’t use calc or 99%

<style>
  .filterCss.webix_ss_filter select, .filterCss.webix_ss_filter input{
  height:100%;
  }
</style>