jqgrid插件样式颜色都有默认设置,以下是自己总结的可以改变表格样式:
jqgrid使用需要引用ui.jqgrid.css文件,在此文件中可以改变表格样式
数据表格设置
.ui-jqgrid tr.jqgrow td{font-weight:normal;overflow:hidden;text-align:left;white-space:pre;height:50px;padding:0 2px 0 2px;}
标题设置
.ui-jqgrid .ui-jqgrid-titlebar{padding:.3em .2em .2em .3em;position:relative;border-left:0 none;border-right:0 none;border-top:0 none;background:rgb(0, 116, 87);}
底部翻页部分设置
.ui-jqgrid .ui-pg-table{position:relative;padding-bottom:2px;background:rgb(0, 116, 87);}
各行设置
.ui-jqgrid .ui-priority-secondary{background:#cff}
表头设置
.ui-jqgrid .ui-jqgrid-htable th{height:50px;padding:0 2px 0 2px;background:rgb(0, 116, 87);}