...
setStyle(gridName,data) 设置表格样式(具体可以参考css文档)
- 示例:
pkgrid.setStyle('grid', {
headerBorder headerBorder: {
border border: 'border',
style style: 'solid',
width width: '1px',
color color: 'red'
},
bodyBorder bodyBorder: {
border border: 'border-bottom',
style style: 'solid',
width width: '1px',
color color: 'red'
},
trHoverEnter trHoverEnter: {
bgColor bgColor: 'red',
color color: 'blue'
},
trHoverLeave trHoverLeave: {
bgColor bgColor: 'transparent',
color color: 'cyan'
} },
headerAlign:'center',
bodyAlign:'center'
) - headerBorder:表格标题边框
- border:边框类型 border-四边都有边框,border-top-上边框,border-right-右边框,border-bottom:下边框,border-left:左边框
- style:边框的样式 dotted: 定义一个点线边框,dashed: 定义一个虚线边框,solid: 定义实线边框,double: 定义两个边框。 两个边框的宽度和 border-width 的值相同。。。
width:边框的宽度
- color:边框的颜色
- bodyBorder:表格内容边框
- border:边框类型 border-四边都有边框,border-top-上边框,border-right-右边框,border-bottom:下边框,border-left:左边框
- style:边框的样式 dotted: 定义一个点线边框,dashed: 定义一个虚线边框,solid: 定义实线边框,double: 定义两个边框。 两个边框的宽度和 border-width 的值相同。。。
width:边框的宽度
- color:边框的颜色
- trHoverEnter:表格内容鼠标移入效果
- bgColor:背景颜色
- color:文字颜色
- trHoverLeave:表格内容鼠标移出效果
- bgColor:背景颜色
- color:文字颜色
- headerAlign:表格标题文本对齐方式 left-左对齐,center-居中对齐,right-右对齐
- bodyAlign:表格内容文本对齐方式 left-左对齐,center-居中对齐,right-右对齐
- 示例: