easyui 动态修改标题行,tr和td样式
来源:互联网 发布:c1416烯烃磺酸钠 知乎 编辑:程序博客网 时间:2024/06/01 09:31
$('#id').datagrid({
url : url,
rownumbers:false, //显示ID
fitColumns: true,
singleSelect:true,
striped:true,
width:'109%',
height:'95%',
columns:[[
{field:'apptype',title:'业务名称',width:'25%',align:'center'},
{field:'groupnum',title:'业务总量',width:'24.5%',align:'center'},
{field:'num',title:'异常业务量',width:'24.5%',align:'center'},
{field:'rate',title:'异常占比',width:'24%',align:'center',
formatter: function(value,row,index){
var d = value + "%";
return d;
},
},
]], onLoadSuccess: function (data) {
var panel = $(this).datagrid('getPanel');
panel.css({ //修改标题样式
"font-size":"13px",
"color":"#333333"
});
var td = $(this).children('td');
td.css({
"border-width": "0", //去除datagrid 的网格线
"border-top":"1px solid #e5e5e5",
"height":"40px"
});
})
}
});
url : url,
rownumbers:false, //显示ID
fitColumns: true,
singleSelect:true,
striped:true,
width:'109%',
height:'95%',
columns:[[
{field:'apptype',title:'业务名称',width:'25%',align:'center'},
{field:'groupnum',title:'业务总量',width:'24.5%',align:'center'},
{field:'num',title:'异常业务量',width:'24.5%',align:'center'},
{field:'rate',title:'异常占比',width:'24%',align:'center',
formatter: function(value,row,index){
var d = value + "%";
return d;
},
},
]], onLoadSuccess: function (data) {
var panel = $(this).datagrid('getPanel');
panel.css({ //修改标题样式
"font-size":"13px",
"color":"#333333"
});
var tr = panel.find('div.datagrid-body tr');
tr.css({ //修改行样式
"color":"#333333",
});
tr.each(function () {var td = $(this).children('td');
td.css({
"border-width": "0", //去除datagrid 的网格线
"border-top":"1px solid #e5e5e5",
"height":"40px"
});
})
}
});
阅读全文
0 0
- easyui 动态修改标题行,tr和td样式
- js 动态绑定tr、td样式和事件
- ajax动态添加tr td (并用PHP返回值设置tr样式,用于删除操作
- < TR/>、< TH/>和< TD/>
- tr和td标签
- js获取table下的tr和td,并且设置某个td里的文字样式
- td和Tr的区别。。
- jquery动态添加删除(tr/td)
- JQuery动态添加表格tr td
- table与tr td样式重叠 table样式边框变细
- 修改windows程序样式和标题
- 关于如何动态得到webtable对象集合中TR和TD对象
- html的tr和td标签
- html的tr和td标签
- 获取table的tr和td值
- JQuery操作tr和td内容
- dl dt 和tr td 的区别
- js添加表格的tr和td
- c++指针测试
- 循环语句
- POJ 3026 Borg Maze 个人解法和坑点
- 自定义控件--LOL能力雷达分配图
- 红黑树深入剖析及Java实现
- easyui 动态修改标题行,tr和td样式
- c语言 const用法小结
- Filezilla-client界面结构
- 数据结构之二叉树
- Java内存溢出详解之Tomcat配置
- EM算法及python实现
- Aptana Studio 3.6.1安装与win10安装jre
- Android 实用技巧知识合集(持续更新)
- java中内存模型及对象头