Jqgrid Page Navigation Not Working On Firefox Or Chrome

page navigation The issue is that on FF and Chrome when I hover the mouse over the >> or >| arrows it does not highlight, and therefore not working. Although in Firefox th

Solution 1:

If you use ASP.NET MVC or you can other CSS problem you should try to include the following CSS style

input.ui-pg-input { width: auto; }

Additionally the usage of

table { border-style:none; border-collapse:separate; }
tabletd { border-style:none; }

or

div.ui-jqgrid-viewtable.ui-jqgrid-btable
{
    border-style: none;
    border-collapse: separate;
}
div.ui-jqgrid-viewtable.ui-jqgrid-btabletd
{
    border-left-style: none;
}
div.ui-jqgrid-viewtable.ui-jqgrid-htable {
    border-style:none;
    border-collapse:separate;
}
div.ui-jqgrid-viewtable.ui-jqgrid-btableth {
    border-left-style:none
} 

can be important to solve problems with horizontal scroll bars (see here for more details)

If it will not help you should include in the text of your question the full code example (including all CSS which you use) which can be used to reproduce your problem.