Posts Tagged ‘row hover’

How to change hover status of the row in Grid object?

November 21st, 2011 No comments

In ExtJS 4 If you want to be going some changes when you hover over the rows in the grid object, you must change the class “.x-grid-row-over .x-grid-cell-inner”. Eg. If you want to when crossing over the line it is in bold need to add the following code within your CSS:

/ * Style rows on mouseover * /
.x-grid-row-over .x-grid-cell-inner {font-weight: bold; }
[/ code]

Note: Your CSS is required to load after extjs-all.css.

Categories: JavaScript Tags: , ,