Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #353699

    Hi,

    is there a way for different colors of tr in the datatable.

    there is an tr class=”” in the HTML Code of the page, where can i edit it for different classes?

    Thanks,
    Jürgen

    #353716

    Hi jrmayer!

    Thank you for using our theme.

    Have a look a this post:

    https://kriesi.at/support/topic/data-table-questions/

    Maybe it helps to answer your question,

    If not, please send us a link to the page, so we can have a look.

    Best regards,
    Günter

    #353741

    Hi Günter,

    i think i´m right that this CSS code in the post you send changes the background for the whole table.

    I would change the color for eyery row …. for example the first row red, the next one blue and red and blue …

    The link ist http://contentday.at/programm/agenda/

    Best regards,
    Jürgen

    #353751

    Hi!

    Try the following and adjust color values:

    
    .avia-data-table tr:nth-child(2n) td {
        color: red !important;
        background: none repeat scroll 0 0 green !important;
    }
    
    .avia-data-table tr:nth-child(2n+1) td {
        color: green !important;
        background: none repeat scroll 0 0 red !important;
    }
    

    Best regards,
    Günter

    #353756

    Hey Jürgen!

    Use this code:

    .avia-table tr:nth-child(2) td {
        background: red !important;
    }
    .avia-table tr:nth-child(3) td {
        background: green !important;
    }
    .avia-table tr:nth-child(4) td {
        background: blue !important;
    }
    .avia-table tr:nth-child(5) td {
        background: yellow !important;
    }
    .avia-table tr:nth-child(6) td {
        background: orange !important;
    }

    Modify and repeat.

    Regards,
    Josue

    #353809

    Hi Josue,

    that works great!

    Thanks and regards,
    Jürgen

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Different BG Colors every TR from Data Table’ is closed to new replies.