Page 1 of 1

Stripes in TreeTable like in DataTable

Posted: 24 May 2019, 17:40
by simon.keel
Hi there

How can i get the nice stripes (white row and then gray row) for the TreeTable like it is in the DataTable for the demo app?

Thanks and best

Simon

Re: Stripes in TreeTable like in DataTable

Posted: 27 May 2019, 10:34
by aragorn
Hi Simon,

For now, this feature is not supported by TreeTable component because of the structure of Treetable. I added a new enhancement to elite versions(7.0.4 and 6.2.21) and community version(7.1) to fix this issue. After releasing these versions, please use the following scss codes in Paradise;

Code: Select all

.ui-treetable {
    .ui-treetable-data {
        tr {
            @for $i from 1 through 10 {
                &.node-level-#{$i} {
                    &:nth-child(odd):not(.ui-state-highlight) {
                        background-color: $contentBgColor;
                    }

                    &:nth-child(even):not(.ui-state-highlight) {
                        background-color: $datableEvenRowBgColor;
                    }
                }
            }
        }
    }
}
Note: The above code can be added into _theme_styles.scss file.

Best Regards,