`
guoyiqi
  • 浏览: 1001982 次
社区版块
存档分类
最新评论

grid 表格奇偶行颜色

阅读更多

用stripeRows: true区分不明显 <script src="tag.php?action=relatetag&amp;rtid=2480" type="text/javascript"></script>

 

 

在页面增加样式如下

/* 改变表格偶数行的背景颜色 */
.x-grid3-row-alt{background-color:#fff0d0;}

<script src="tag.php?action=relatetag&amp;rtid=2480" type="text/javascript"></script>

分享到:
评论

相关推荐

    修改grid行或列颜色

    在本篇内容中,我们将详细探讨如何通过ExtJS框架来修改Grid中行或列的颜色,以便于实现更直观的数据展示效果。...通过上述方法,我们可以灵活地控制ExtJS Grid中的行和列颜色,进一步提升用户体验和界面美观度。

    gridcontrol隔行变色、焦点行颜色、改变显示值、固定列

    在GridView的RowCellStyle事件中,根据行索引的奇偶性设置单元格的背景色。例如: ```csharp private void gridView1_RowCellStyle(object sender, DevExpress.XtraGrid.Views.Grid.RowStyleEventArgs e) { if ...

    WPF Grid 隔行换色

    在处理大量数据时,为了提高可读性,我们经常会在`Grid`中实现隔行换色的效果,就像电子表格那样。这种效果可以使用户更容易区分和识别数据行,提升用户体验。以下将详细讲解如何在WPF中实现`Grid`隔行换色。 首先...

    漂亮的表格css+html

    - 利用CSS的`:nth-child()`选择器,可以对表格的奇偶行或者特定列进行特别样式设定。 - `data-*`自定义属性可以存储与表格相关的数据,不干扰视觉样式,但可供JavaScript使用。 通过熟练掌握这些知识点,我们可以...

    漂亮大气的表格样式

    3. **奇偶行交替**:使用`:nth-child(even)`和`:nth-child(odd)`伪类可以为奇偶行设置不同的背景色,增加可读性。 ```css tr:nth-child(even) { background-color: #f2f2f2; } ``` 4. **悬停效果**:添加`:...

    ext4 表格分页实例代码

    stripeRows: true // 奇偶行不同颜色 }, dockedItems: [{ xtype: 'pagingtoolbar', store: store, // 绑定到数据存储 dock: 'bottom', displayInfo: true // 显示当前页和总页数 }] }); // 添加到页面 Ext....

    EhLib的最新版本EhLib 5.5

    DBGridEh 可以为你提供一个更加美观和功能丰富的 DBGird,比如平面化显示、奇偶行不同颜色(斑马线)、快速查找、合计行、Grid 打印等。在 Ehlib 的后期版本中,还提供了一个非常强大的过滤功能,他会在 DBGrid 的...

    EhLib V5.5

    DBGridEh 可以为你提供一个更加美观和功能丰富的 DBGird,比如平面化显示、奇偶行不同颜色(斑马线)、快速查找、合计行、Grid 打印等。在 Ehlib 的后期版本中,还提供了一个非常强大的过滤功能,他会在 DBGrid 的...

    Ehlib5.5 For Delphi

    DBGridEh 可以为你提供一个更加美观和功能丰富的 DBGird,比如平面化显示、奇偶行不同颜色(斑马线)、快速查找、合计行、Grid 打印等。在 Ehlib 的后期版本中,还提供了一个非常强大的过滤功能,他会在 DBGrid 的...

    excel-style-demo2.rar

    `来实现无间隙的边框,使用`:nth-child()`选择器来为奇偶行添加不同的背景色。 3. **JavaScript库** 多个JavaScript库,如Handsontable、ag-Grid、Datatables等,提供了更高级的功能,如排序、过滤、分页等,同时...

    EhLib 3.6.zip

    这意味着开发者可以轻松地为表格的奇偶行设置不同的背景色,提高用户界面的视觉效果和可读性。通过使用EhLib,你可以自定义网格的样式,让数据更加清晰地呈现,从而提升用户体验。 2. **丰富的列类型**:DBGrid_EH...

    PB数据窗口绝对技巧.doc

    9. **单双行不同颜色**:在Detail带区的Color属性中使用条件语句,如`if(mod(getrow(),2)=1,rgb(255,0,0),rgb(0,255,0))`,根据行号的奇偶性改变颜色。 10. **获取DataWindow对象**:通过`DWObject`变量,使用`__...

    使用Ext显示数据库中内容

    stripeRows: true // 奇偶行不同颜色 }, renderTo: Ext.getBody() // 渲染到页面 }); ``` 4. **后端数据接口**:后端需要提供一个返回JSON格式数据的接口,如`get-data.php`,该接口应当处理数据库查询并将...

    powerbuilder技巧,pb数据窗60技巧,pb教程,pb数据窗应用

    10. **单双行不同颜色**:在Detail带区的`Color`属性中使用条件表达式,根据行号的奇偶性设置不同的背景色,如`if(mod(getrow(),2)=1,rgb(255,0,0),rgb(0,255,0))`。 11. **获取指定名称的对象**:通过`__get_...

    纯CSS3实现漂亮的价格表样式代码.zip

    例如,可以使用`:nth-child()`选择器来为奇偶行添加不同的背景色,`border-radius`来实现圆角效果,`box-shadow`创建阴影效果,提升视觉层次感。此外,`transition`和`animation`属性可以增加动态效果,如悬停时的...

    前端面试题

    - 字体大小的选择通常基于可读性和美观性考虑,而非奇偶数规则。实际应用中,可以根据设计需求来选择。 **27、margin和padding分别适合什么场景使用?** - **margin**:用于控制元素之间的间距。 - **padding**:...

Global site tag (gtag.js) - Google Analytics