Highlighting a complete row that contain a specific word

  • Resolved Muhammad shafiq

    (@muhammadshafiq)


    4 years, 1 month ago

    Hello There! I want to highlight a complete row that contain a specific word like “Filler” in my table. Currently i am using the below codes to highlight the rows that contain the word “Filler” but it only change the color of the words “Filler” in column 3.

    [table id=12 row_highlight=”Filler” row_highlight_full_cell_match=true /]

    .tablepress .row-highlight-filler .column-3 {
    color: #ff0000 !important;
    }

    I want exact highlighting like this one.https://prnt.sc/v40tkw
    I hope you will help me. Thanks

    The page I need help with: [log in to see the link]

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

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    You are very close already! To highlight the full row, please try the CSS

    .tablepress .row-highlight-filler td {
  color: #ff0000 !important;
}

    Regards,
    Tobias

    Thread Starter Muhammad shafiq

    (@muhammadshafiq)

    Hey @tobiasbg Thanks for the quick response. I added the above code but it only change the color of the text of the rows that contain the word filler. I want to highligh the rows exactly as shown in the above screen shot. Thanks

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    you would now have to adjust the CSS properties, e.g. using
    background-color instead of color, etc.
    Unfortunately, I can’t give you the full code right now, as I’m very busy. I can only give you ideas on how to achieve this.

    Regards,
    Tobias

    Thread Starter Muhammad shafiq

    (@muhammadshafiq)

    Hey @tobiasbg ! I dont know too much about coding. I will wait for you when you get free. I am sorry if disturbing you.

    Thread Starter Muhammad shafiq

    (@muhammadshafiq)

    Hey @tobiasbg ! The above issue is solved. I was trying different css codes my self and at last i fixed it.

    My second issue is that in mobile view the table filter (search) moves out of the screen. I want to make the filter( search) small only in mobile view.

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    good to hear that this helped!

    I’m not sure about the search though. I don’t see the search field on this table? Is it turned off right now?

    Regards,
    Tobias

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Highlighting a complete row that contain a specific word’ is closed to new replies.