Datatable: is is possible to configure two and three rows in header?

Webix JS
#1

Hi!

Here again pushing Webix to the limits :slight_smile:

I am trying to configure two and three rows in a datatable header. I almost got it: snippet

However, as you can see, there is an ugly blue line in the two last columns. Any way to fix it? Other method to show two and three rows in the header?

Thanks a lot

#2

Hi! :upside_down_face:

The following articles cover the topic: Multiline header and Complex header with colspans (rowspans) and built-in filters.

As for an “ugly blue line”, it can be removed with the following CSS:

  .webix_dtable .webix_ss_header .webix_hcolumn div.webix_last_row, .webix_dtable .webix_ss_header .webix_span.webix_last_row {
    border-bottom: none;
}

Here’s the snippet: Code Snippet