Remove hand cursor on header where sorting is disabled
Remove hand cursor on header where sorting is disabled
DylanSlabbinck
Posts: 2Questions: 0Answers: 0
Hi
I disabled sorting on 2 headers on my datatable, btw DataTables really rocks :)
So i got 1 header left, where sorting is enabled, where i want the cursor to be a hand (done that with CSS)
But now i want to change the hand cursor to a normal cursor on my headers who aren't sortable.
Any suggestions, thx in advance.
Script
[code]
$(document).ready(function () {
$('#table_id').dataTable({
"aoColumns": [{ "bSortable": true }, { "bSortable": false }, { "bSortable": false }]
}
);
});
[/code]
CSS
[code]
table.display thead th {
padding: 3px 18px 3px 10px;
border-bottom: 1px solid black;
font-weight: bold;
cursor: pointer;
* cursor: hand;
}
[/code]
I disabled sorting on 2 headers on my datatable, btw DataTables really rocks :)
So i got 1 header left, where sorting is enabled, where i want the cursor to be a hand (done that with CSS)
But now i want to change the hand cursor to a normal cursor on my headers who aren't sortable.
Any suggestions, thx in advance.
Script
[code]
$(document).ready(function () {
$('#table_id').dataTable({
"aoColumns": [{ "bSortable": true }, { "bSortable": false }, { "bSortable": false }]
}
);
});
[/code]
CSS
[code]
table.display thead th {
padding: 3px 18px 3px 10px;
border-bottom: 1px solid black;
font-weight: bold;
cursor: pointer;
* cursor: hand;
}
[/code]
This discussion has been closed.
Replies
Allan