grid样式控制（CSS、js代码）

jishuang

设置奇偶行的背景颜色

1. div.gridbox_justep .odd_justep{
   
2.     background-color: white;
   
3. }
   
4. div.gridbox_justep .ev_justep {
   
5.     background-color: white;
   
6. }

复制代码

在/UI/system/config/user.css中添加样式，则在所有应用中都生效
在w文件引用的css中添加样式，则只在引用了该css文件的w文件中生效

javawangdengjun

收藏

阿伟

不好用啊 提示这个

zhaixin

设置某行背景颜色，grid加载后使用

1. justep.xbl('listGrid').grid.setRowColor(rowid, 'red');        

复制代码

设置某行数据样式

1. justep.xbl('listGrid').grid.setRowTextStyle(rowid, "background-color: blue; color: white;");

复制代码

设置单元格数据样式

1. var cellindex = justep.xbl('listGrid').grid.getSelectedCellIndex();
   
2. justep.xbl('listGrid').grid.setCellTextStyle(rowid,cellindex,"background-color: red");

复制代码

zhaixin

1、去掉grid当前行的颜色

1. justep.xbl("grid8").grid.showSelectedStyle = false;

复制代码

2、改变grid当前行的颜色

1. div.gridbox_justep table.obj tr.rowselected td{
   
2.     background-color:red;
   
3. }
   
4. div.gridbox_justep table.obj tr.rowselected td.cellselected, div.gridbox table.obj td.cellselected {
   
5.     background-color:red;
   
6. }

复制代码

单独控制也可以写js代码

1. justep.xbl('gridid').grid.setRowColor(row_id, color);

复制代码

zhaixin

列标题字体加粗

1. div.gridbox_justep table.hdr td div.hdrcell{
   
2.     font-weight: bold;
   
3. }

复制代码

设置表头底色、字色以及高度

1. div.gridbox_justep table.hdr td{
   
2.     background: green ;
   
3.     color: yellow;
   
4.     height:40px;
   
5. }

复制代码

设置表头边框颜色

1. div.gridbox_justep table.hdr td{
   
2.     border-color:black;
   
3.     background: white ;
   
4. }

复制代码

zhaixin

去掉行边框

1. div.gridbox table.row20px tr td{        
   
2.     border:0;
   
3. }

复制代码

改变行边框颜色

1. div.gridbox table.row20px tr td{
   
2.      border-color:black;
   
3. }

复制代码

xiaoxiao

mark

zhaixin

如果grid的class选择了grid-compact
那么增加这样的css
div.grid-compact tr{
height:10px;
}

anwar312

这个代码
justep.xbl('listGrid').grid.setRowColor(rowid, 'red');
运行时有错误提示

Uncaught Type Cannot read property 'grid' of null 详细