如何修复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_en.htm

Answer 1

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