gridPanel 边框线样式

最新推荐文章于 2024-07-09 18:02:19 发布

原创最新推荐文章于 2024-07-09 18:02:19 发布 · 944 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#EXT #CSS

extjs 专栏收录该内容

18 篇文章

订阅专栏

本文介绍如何在ExtJS框架中使用内置功能实现Grid表格的单双行背景颜色交替显示，并提供了自定义行背景颜色的方法。只需设置stripeRows属性为true即可启用此功能，此外还介绍了如何通过修改ext-all.css文件来自定义更个性化的行背景颜色。

发现Ext已经设计好的一种效果：单双行背景颜色不同。
很简单，在grid中配置stripeRows为true即可！ 

另外，如果想使用自己定义的行的背景颜色，那就去修改ext-all.css吧，提供几个：
-----------在ext-all.css修改代码如下---------

.x-grid3-row {}{

  border-color:#ffaaee;//改变grid边框颜色

  border-top-color:#fff;

}

 

.x-grid3-row-alt{}{

       background-color:#ddeeaa;//改变 行的颜色

}

 

.x-grid3-row-over {}{

       border-color:#ddd;

  background-color:#ee1166;//鼠标移上去改变行的底色

  background-image:url(../images/default/grid/row-over.gif);

}