jqGrid页面导航无法在Firefox或Chrome上使用 [英] jqGrid page navigation not working on Firefox or Chrome

问题描述

页面导航

问题是，当我把鼠标悬停在>>或>上时，在FF和Chrome上箭头不突出，因此不能正常工作。虽然在Firefox中有一个非常非常纤细的悬停区域，但是你必须是一个脑外科医生，有一个稳定的手来击中它。

我有jqGrid 3.5.1和最新版本是jqGrid 4.1.2，但更新是一个不行：（。

任何人有这个问题？

解决方案

如果您使用ASP.NET MVC或者您可以使用其他CSS问题，您应该尝试包含以下CSS样式

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

另外还有

  table {border-style：none; border-collapse：separate;} 
 table td {border-style：none;} 
  

或

  div.ui-jqgrid-view table.ui-jqgrid-btable 
 {
 border-style：none; 
 border -collapse：separate; 
} 
 div.ui-jqgrid-view table.ui-jqgrid-btable td 
 {
 border-left-style：none; 
 } 
 div.ui-jqgrid-view table.ui -jqgrid-htable {
 border-style：none; 
 border-collapse：分开; 
 
 div.ui-jqgrid-view table.ui-jqgrid-btable th {
 border-left-style：none 
} 
  

对于解决水平滚动条的问题是非常重要的（参见这里为更多详细信息）

如果它不能帮助你在你的问题的文本中包含完整的代码示例（包括你使用的所有的CSS），它可以用来重现你的问题。

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 there is a very VERY slim hover area at the top but you must be a brain surgeon to have that steady of a hand to hit it.

I have jqGrid 3.5.1 and the latest version is jqGrid 4.1.2 but the update is a no go :(.

Anyone had this issue?

解决方案

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; }
table td { border-style:none; }

or

div.ui-jqgrid-view table.ui-jqgrid-btable
{
    border-style: none;
    border-collapse: separate;
}
div.ui-jqgrid-view table.ui-jqgrid-btable td
{
    border-left-style: none;
}
div.ui-jqgrid-view table.ui-jqgrid-htable {
    border-style:none;
    border-collapse:separate;
}
div.ui-jqgrid-view table.ui-jqgrid-btable th {
    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.

这篇关于jqGrid页面导航无法在Firefox或Chrome上使用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！