Color Multiple Rows Multiple Colors?

  • Resolved aiwetir

    (@aiwetir)


    5 years ago

    Hello,

    Is there a method (maybe via nth-child?) to color (font or background), for example rows 1-20 red, rows 21-30 green, and 31-40 blue, where the items in those rows will stay that color with sorting and filtering.

    I could do each manually but I have almost 300 rows.

    Thank you

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    Using nth-child() will not really help, as that coloring would not “move” together with a row. But you want it to “move” together with the row, right?

    Another approach, instead of doing it manually with CSS, could be to use the TablePress Extension that is described at https://www.ads-software.com/support/topic/highlight-a-row-based-on-value/ together with a hidden column of keywords.

    Regards,
    Tobias

    Thread Starter aiwetir

    (@aiwetir)

    I had seen that thread, but somehow didn’t think it was what I wanted, it was of course.

    I got that working, thank you, I initially had a one letter value which it didn’t like but I just changed it to a word.

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    no problem, you are very welcome! ?? Good to hear that this helped!

    Best wishes,
    Tobias

    P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Color Multiple Rows Multiple Colors?’ is closed to new replies.