免费jqGrid和ace管理模板标题显示问题

这是使用管理模板的另一个问题；还有更多细节

组标题显示了额外的垂直线

在调查之后，我发现了标题显示的问题，使用开发者工具查看，如果删除了属性ui行ltr， 修理显示器

修复方法是删除开发人员工具中的代码，以获得如下所示的代码行

我们如何重写ace CSS，使其不在下一行声明属性“ui行ltr”，或者jqgfirstrow不做任何事情的东西

tr class="ui-widget-content jqgfirstrow" role="row" style="height:auto"

理想情况下，如果它没有ui row ltr属性，那么就不会再有标题显示问题

<table id="grid-table" tabindex="0" role="presentation" aria-labelledby="gbox_grid-table" class="ui-jqgrid-btable" style="width: 1px;">
<tbody>
<tr class="ui-widget-content jqgfirstrow ui-row-ltr" role="row" style="height:auto">
...

</tr>
</tbody>
</table>

...

---

我们可以覆盖这个属性吗？

您可以提供重现这个问题的演示（例如在JSFIDLE中）？你在你的问题中写了一些“ace css”，但我在你之前的问题中回答说，你根本不需要和“ace css”，而是插入你的自定义css规则，这使它看起来与ace模板相同（或相近）。的CSS窗口（请参见我前面的问题）包含此类CSS设置的示例。哪些CSS设置使用您？您能显示一张图片，演示您需要解决的问题吗？

中的Class

ui行ltr

应该没有问题。这确实是必需的。可能您在

ui.jqgrid.cs

（如）和其他CSS（来自引导或您的自定义CSS设置）中的CSS规则存在一些冲突，在您提供演示之前，我不知道这些冲突，演示以特定顺序使用所有CSS，以便可以看到问题。我找到了修复方法，感谢您的回复，让我指向ui.jqgrid.css。因此，我添加了下面一行，不再有标题问题：.ui jqgrid.ui jqgrid bdiv tr.ui-row-ltr>td{padding top:0；padding bottom:0；}。在使用JSFIDLE的演示中很难重新解释这个问题。在我的应用程序中，我需要ace.min.css，因为整个主页都在使用它。再次感谢奥列格，非常感谢你的指点，我有时会误解。我将做一些最后的测试，并标记它已解决。这是一个好消息。不客气！我建议您验证在

ace.min.css

之后是否包含

ui.jqgrid.css

。如果

ui.jqGrid.css

和

ace.min.css

都定义了关闭规则，它将强制使用正确的免费jqGrid规则。可以，谢谢您的最佳实践提示！