header cursor

tcardinal

when I put the cursor over one of the headers or over a row (which is clickable) the cursor chnages to a bar and not a hand. Any ideas on why this happens and how to fix it? Thought it might be IE9, but happens in Safari as well. The click itself works correctly. Thanks.

fbas

change in your css, something like

[code]
table#example thead th {
cursor: pointer;
/* ... */
}
[/code]

see options at http://www.w3schools.com/cssref/pr_class_cursor.asp

tcardinal

thanks fbas

allan

To had it work in earlier versions of IE you need to use cursor: hand; (visually it makes sense). You can target both by doing this:

[code]
table#example thead th {
cursor: pointer;
*cursor: hand;
}
[/code]

which is what I've done in the DataTables default CSS.

Regards,
Allan

tcardinal

Where is the default css? is it built from the js library? or are you refering to the demo stuff?

thanks
Russell

allan

Its in /media/css/demo_table.css ( https://github.com/DataTables/DataTables/blob/master/media/css/demo_table.css#L128 ) in the download package - so yeah - the demo CSS :-)

Regards,
Allan