How to disable .ui-selected style

[starback]

How can I disable .ui-selected style when I set selectionMode="single" in p:datatable?
I want only highlight row OnMouseOver event. Is any way to do this?

[healeyb]

This should do it:

Code: Select all

.ui-datatable .ui-datatable-data tr.ui-state-highlight.ui-selected {
    background: white;
}

[starback]

This should do it:

Code:
.ui-datatable .ui-datatable-data tr.ui-state-highlight.ui-selected {
background: white;
}

when I click on the row will be white and no highlight onMouseOver event.
Rows can not be clickable.
Sorry for bad english

[healeyb]

Dude, I've told you how to do it, I can't choose your colours.

[starback]

yes, but when I click on a row, he changes color to the one that I set.
All the time is set to this color, because it is selected.
and do not highlight when the mouse is over that row
Here is my css:

Code: Select all

.ui-state-highlight {
	border: 1px solid;
	background: #ECF9FF;
}

.ui-datatable .ui-datatable-data tr.ui-state-highlight.ui-selected {
	background: white;
}

td {
	cursor: default;
}

[healeyb]

my mistake, try this also (I don't think my choice of colour is that great!):

Code: Select all

.ui-datatable .ui-datatable-data tr.ui-state-highlight {
    background: #dfdfdf;
}

[starback]

It's not working.
After click a row the highlight stays even when the mouse is not over it.
Any ideas?

[aliirawan]

How bout this one

Code: Select all

.ui-datatable tr.ui-state-highlight {
	cursor: pointer;
	background: green;
}

.ui-datatable tr {
	background: white;
	border-color: #ddd;
}

.ui-datatable tr.ui-selected {
	background: white;
	border-color: #ddd;
}

you can change to others color.
well i go deep through the datatable.js
the mechanism addClass removeClass toggleClass is using jQuery
hope it helps
you can change the color in your own.

[starback]

Now the problem is the same as in 5 post
I think it is not possible by changing the css, becouse slyles .ui-selected and ui-state-highlight are assigned to the row after clicking on it.