EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: Fabrice on February 26, 2015, 02:22:17 AM

Title: datagrid : style of selected rows
Post by: Fabrice on February 26, 2015, 02:22:17 AM

i need to apply style of rows in a datagrid (background color of entire row), problem is that i don't see selection when mouse is on these rows or if these rows are selected!

is-it possible to apply special style for selected row (bold border for exemple) and when mouse passes over a row?

Title: Re: datagrid : style of selected rows
Post by: Opan Mustopah on February 26, 2015, 02:45:32 AM

i have same problem here.

Title: Re: datagrid : style of selected rows
Post by: thecyberzone on February 26, 2015, 08:08:17 AM

you can use following CSS for your requirements -

Code:

.datagrid-row-over,
.datagrid-header td.datagrid-header-over {
  background: #f00;
  color: #fff;
  cursor: default;
}
.datagrid-row-selected {
  background: #ffe48d;
  color: #000000;
}

Change color and/or border style for these class only.

Title: Re: datagrid : style of selected rows
Post by: Fabrice on March 02, 2015, 06:24:31 AM

Thank's,
I try to make effects like border color and width but it does'nt work (for selected row) !

i try also to magnify row (change font size for exemple) when hover without result.