Ext Grid实现高亮显示特定行

最新推荐文章于 2025-09-15 09:48:43 发布

原创最新推荐文章于 2025-09-15 09:48:43 发布 · 2.7k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

当前文章被以下社区和专栏收录：

本文介绍了一种使用CSS定义特殊行高亮显示的方法，并展示了如何通过重写GridView的getRowClass方法来实现特定行样式的自定义。

定义一个css:
.highlight-special-row {
   background: #DFE8F6 !important;
   border:1px dotted #a3bae9;
}

重写GridView的getRowClass方法
grid.getView().getRowClass = function(r, rowIndex, rp, ds) {
   if (rowIndex == 0) { //在这里可以添加别的判断条件
       return 'highlight-special-row';
   }
}