The Hand cursor is not shown for column reorder ColReorder

The Hand cursor is not shown for column reorder ColReorder

patriklindstrompatriklindstrom Posts: 15Questions: 0Answers: 0
edited December 2011 in General
It works fine with the column reorder and to toggle the visibility and to edit the date. But when I move the mouse above the column headings then it is still a caret not a pointing hand cursor. What am I missing? Is it something in the settings or an image or in the html table definition?
Here are my settings:
[code]








$(document).ready(function() {
$.editable.addInputType('masked', {
element: function(settings, original) {
var input = $('').mask(settings.mask);
$(this).append(input);
return (input);
}
});
$(".masked").editable('@Url.Action("EditDate", "RestFull")', {
indicator:"",
type: "masked",
mask: "@Model.ALongDateMask",
tooltip: "Click to edit..."
});


var oTable = $('#dcarrlist_id').dataTable({
"sDom": 'RC<"clear">lfrtiSp',
"oColVis": {
"bRestore": true
},
"bStateSave": true,
"bPaginate": true,
"bAutoWidth": false,
"sPaginationType": "full_numbers",
"iDisplayLength": 25, "aLengthMenu": [[10, 25, 50, 100, 400, -1], [10, 25, 50, 100, 400, "All"]],
"sScrollX": "100%",
"sScrollY": "500px"

});
$('#reset').click( function () {
ColReorder.fnReset( oTable );
return false;
} );


});

[/code]

Here is part of the html code and some Razor with MVC
[code]

Reset coloumn order




Arrival Date:
Name
Status
Number
Eta Date
Avbl Date
.......................
Currency
Count



@if (Model != null)
{
foreach (var item in Model.DateRowsToShow)
{



@Html.DisplayFor(modelItem => item.ArrivalDate)


......................


}
}



[/code]

Replies

  • allanallan Posts: 61,433Questions: 1Answers: 10,049 Site admin
    HI!

    Have you got something such as:

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

    in your CSS? That will be required to make the cursor show up as a hand.

    Regards,
    Allan
  • patriklindstrompatriklindstrom Posts: 15Questions: 0Answers: 0
    Thank you Allan. I did something similar and now it works. What does the *before cursor with the hand stand for?.
    I found this site for help about cursors. They did not have any * prefix.
    http://www.quirksmode.org/css/cursor.html#t09
  • allanallan Posts: 61,433Questions: 1Answers: 10,049 Site admin
    Its a hack for older IE browsers (6/7). Basically the implemented a non-standard CSS property for the hand pointer, and the star is used because all browsers other than IE6/7 will ignore ignore that rule, but IE6/7 will use it! Its known as the star hack: http://en.wikipedia.org/wiki/CSS_filter#Star_hack . I've just got into the habit of writing it whenever using cursor: pointer.

    Allan
  • patriklindstrompatriklindstrom Posts: 15Questions: 0Answers: 0
    Now I get it. The Star hack. cool.
This discussion has been closed.