Frequently Asked Questions (FAQ)
How can I highlight certain cells or their content?

If you know the row and column numbers of the value in question, you could use CSS code in the “Custom CSS” textarea on the “Plugin Options” screen of TablePress like

.tablepress-id-N .row-X .column-Y {
  background-color: #ff0000;
  color: #ff0000;
}

where N (the table’s ID), X (the number of the row), and Y (the number of the column) need to be adjusted to your table.

If you don’t know the row and column numbers (or they sometimes change, or you have more than on value to highlight), I recommend creating a new CSS class for a HTML <span> element. You would then wrap the value in the span tag, like

your first important value
your second important value

and could create approriate CSS like

.tablepress .highlight-1 {
  color: #ff0000;
  text-decoration: underline;
}
.tablepress .highlight-2 {
  color: #00ff00;
  font-weight: bold;
}

Here, highlight-1 and highlight-2 are just examples for possible CSS class names. You can adjust these to give their names a meaning, but have to be consistent in HTML and CSS code.

Top