Highlighting Rows with CSS

In order to increase the "readability" of tables, especially wide tables, it's often useful to be able to highlight an entire row when the cursor is hovering over it.

This effect is shown in the example above and can be created using a simple style class. The CSS used to create the effect is:

#yourDataTableID TR:hover TD { background-color: AliceBlue; }

This may not work if your application doesn't have a Doctype Declarations set (Logi apps default to the HTML5 doctype) or with some older browser versions.