c# - 如何修复具有某些分组行的 GridView 中的荧光笔？

Question

我使用的 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_zh.htm

Answer 1

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