Tree table styling

Webix JS
#1

Hi,
How do I add bold styling to only the grouped rows?
https://snippet.webix.com/c9l4v203

#2

Hi!
You can add row css in the ready handler, but this handler will be called once, when the data has been loaded and processed by the scheme . If you ungroup this data and group in again, all styling will be lost. Here is an example.
If you want to make styling persistent, you can define a cssFormat function for the column. Please, check the snippet: Code Snippet

#3

Thanks Natassia -
Same treetable, I’m trying to insert sparklines but they overlap onto the next column. Please advise-
image

here’s my code->
{ id:“spend”, header:“Spend”, format:format1, cssFormat:css1, adjust:true},

        { id:"spend_m", header:"Monthly",
            template:"{common.sparklines()}",
            width:100
        },
        { id: "trx", header:"TRx", format: format1, cssFormat:css1},
#4

I’m not sure that I can reproduce the described issue. Could you please share the whole snippet?

#5

It’s here Code Snippet

but not able to replicate the issue. I’m using the webix jet framework.

#6

It seems to look as you expect it to, sparklines are in the “Monthly” column. Do you see another result of the provided code?

image

#7

image
image727×268 23.5 KB

Added css to Monthly column - for some reason, even though width is set to 100, it overlaps the TRx column.

#8

I’m still not able to achieve the same result.
image

Could you please specify your Webix and browser versions?

#9

Chrome Version 95.0.4638.69 (Official Build) (64-bit)
Webix src → “//cdn.webix.com/edge/webix.js?v=7.0”

I tried changing to same webix version on snippet tool and it still does not reproduce the issue.

#10

I tried using the same webix version on the snippet tool, but the problem still exists.

#11

Thnaks for this information.