Highlight row(s) from within the table

  • Resolved skirridsystems

    (@skirridsystems)


    6 years, 4 months ago

    Hi Tobias,
    I’d like to be able to highlight a row from within the table editor. I understand that this can already be done using CSS, but the use case for this is people with only editor role who want to be able to highlight a single row in their table. These are people who don’t know CSS and I don’t give them access to the CSS editor part as there are several other media queries in there which I don’t want them to mess up.

    The use case is that they enter a programme of events (date and description) and they want to highlight the upcoming event to make it stand out more.

    I’m happy for the background colour (and maybe text colour) to be configured using the CSS editor, but selecting the row(s) to apply highlight to would need to be kept simple.

    Thanks,
    Simon

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Tobias Bäthge

    (@tobiasbg)

    6 years, 4 months ago

    Hi,

    thanks for your post, and sorry for the trouble.

    I see what you mean, and one possible way would be using a hidden column that contains certain keywords, which are then turned into styling/colors by a TablePress Extension. Please see https://ww.wp.xz.cn/support/topic/highlight-a-row-based-on-value/ for more.

    Regards,
    Tobias

    Thread Starter skirridsystems

    (@skirridsystems)

    6 years, 4 months ago

    Hi Tobias,
    Many thanks for the link. I installed the extension but no highlight yet.

    I installed and activated the plugin.
    I added a hidden column at the right side of the table (column 4).
    I put ‘yes’ (without quotes) in the hidden cell on one row (row 11).
    I updated the CSS as per your example.

    The table row does not get the row-highlight-yes class added to it in the HTML output.

    If I show the new column then it works as expected. Is there an option to make it look also in hidden columns?

    Wordpress 5.3, TablePress 1.10 Highlight extension 1.0

    By the way, 6 years on and this extension still isn’t listed in your directory 😉

    Regards,
    Simon

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    6 years, 4 months ago

    Hi,

    you’ll have to hide the column with CSS code as well (instead of using the Hide function on the table’s “Edit” screen).
    So, please show it there again and instead add CSS like

    .tablepress-id-123 .column-4 {
  display: none;
}

    (with the correct table ID).

    And yes, I feel guilty that it’s not yet on the website 😉 That’s because I’m not sure about which plans I really have for this 🙂

    Regards,
    Tobias

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Highlight row(s) from within the table’ is closed to new replies.