jQuery UI and state-active / state-hover on headers
jQuery UI and state-active / state-hover on headers

Hi,
I've just stylised my table with jQuery UI, looks great.
But in my headers I have 2 columns with { 'bSearchable': false, 'bSortable': false }, so that you can't click on it (ok you can but it won't do anything).
These 2 cells don't have the arrows for sorting, great. But they still implement ui-state-active and/or ui-state-hover when you play with them with the cursor. They shouldn't be given these classes as they are not clickable. It's disturbing because, visually, you have a feedback when you click on it, but it doesn't do anything.
I've just stylised my table with jQuery UI, looks great.
But in my headers I have 2 columns with { 'bSearchable': false, 'bSortable': false }, so that you can't click on it (ok you can but it won't do anything).
These 2 cells don't have the arrows for sorting, great. But they still implement ui-state-active and/or ui-state-hover when you play with them with the cursor. They shouldn't be given these classes as they are not clickable. It's disturbing because, visually, you have a feedback when you click on it, but it doesn't do anything.
This discussion has been closed.