jQuery MiniUI

标题: 如何个性化Grid [打印本页]

作者: panepan    时间: 2013-10-30 10:37:38     标题: 如何个性化Grid

如何对Grid实现style的改变,如下方表格是否可以实现?如果可以该如何实现?
[attach]3110[/attach]


作者: factory    时间: 2013-10-30 10:57:03

http://www.miniui.com/demo/#src=datagrid/drawcell.html

看下这个例子
作者: panepan    时间: 2013-10-30 11:03:55

本帖最后由 panepan 于 2013-10-30 11:18 编辑
factory 发表于 2013-10-30 10:57
http://www.miniui.com/demo/#src=datagrid/drawcell.html

看下这个例子

这个例子看过了,这个主要是设置表格内容区域,现在需要的是改变表格头的背景颜色和字体颜色、表格线的颜色
作者: factory    时间: 2013-10-30 11:18:32

panepan 发表于 2013-10-30 11:03
这个例子看过了,这个主要是设置表格内容区域,现在需要的是改变表格头的背景颜色和字体颜色、表格线的颜 ...

给列设置headerCls="class" 或者 headerStyle
作者: panepan    时间: 2013-10-30 11:25:11

factory 发表于 2013-10-30 11:18
给列设置headerCls="class" 或者 headerStyle

表格线的颜色怎么设置呢?
作者: factory    时间: 2013-10-30 11:36:46

panepan 发表于 2013-10-30 11:25
表格线的颜色怎么设置呢?

只能修改对应样式
.mini-grid-cell, .mini-grid-headerCell, .mini-grid-filterCell, .mini-grid-summaryCell

具体的你用firebug等一些工具看下结构样式就行了




欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2