Stripes in TreeTable like in DataTable

Post Reply
simon.keel
Posts: 1
Joined: 12 Sep 2018, 12:16

24 May 2019, 17:40

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

User avatar
aragorn
Posts: 3610
Joined: 29 Jun 2013, 12:38

27 May 2019, 10:34

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,

Post Reply

Return to “Paradise - PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest