如何修复具有某些分组行的 GridView 中的荧光笔？答案

【问题标题】：How to fix the highlighter in the GridView that has some grouping rows?如何修复具有某些分组行的 GridView 中的荧光笔？
【发布时间】：2012-01-18 15:09:45
【问题描述】：

我使用的 GridView 包含许多具有相同值的行，因此我使用 [GridViewHelper 类][1] 对这些行进行了分组。现在我想修复荧光笔，因为当它进入第一行时，它会突出显示第一个单元格，如下面的快照所示：

但是如果它转到第二行，它不会突出显示第一个单元格，如下面的快照所示：

荧光笔的css代码是：

.grid .datatable .row:hover
{
    background-color:#fffacd;
    color:#000;
}

我还使用了以下 JQuery，它的作用与 CSS 相同：

<!-- This Jquery is for highlighting any table, gridview and whatever -->
        <script type="text/javascript">
            $(document).ready(function() {
            $("tr").filter(function() {
            return $('td', this).length && !$('table', this).length
            }).css({ background: "ffffff" }).hover(
            function() { $(this).css({ background: "#C1DAD7" }); },
            function() { $(this).css({ background: "#ffffff" }); }
            );
            });
        </script>
        <!-- End -->
  [1]: http://www.agrine

i.com/gridviewhelper/gridviewhelper_en.htm

【问题讨论】：

标签： c# asp.net css

【解决方案1】：

这很简单，因为第一个单元格属于第一行。您的第一行有 5 个单元格，但第二行有 4 个单元格。如果您想突出显示此样式，您应该使用 JavaScript 或 jQuery 或任何其他客户端语言。当鼠标悬停在一行上时，您应该检查单元格的数量，然后以适当的方式突出显示它们。

【讨论】：

感谢您的帮助，但即使使用 JQuery 我也有同样的问题。