datagrid单元格格式化样式化
样式 格式化 单元格 Datagrid
2023-09-11 14:16:52 时间
本文体验datagrid单元格的格式化和样式化。
datagrid显示的DOM结构
<td field="code">
<div style="text-align:left" class="datagrid-cell datagrid-cell-c1-code">
文字
</div>
</td>
field属性对应字段.
div中的内容对应单元格内容。
formatter的用法
field: 'UserStatus', title: '状态', formatter: function (value, row, index) {
if (value == "0") {
return '启用';
} else {
return '禁用';
}
□ 日期格式化
field: 'SubTime', title: '注册时间', formatter: function (value, row, index) {
return eval("new " + value.substr(1, value.length - 2)).toLocaleDateString();
}
styler的用法
styler: function(value, row, index){
if (value == "1") {
return 'background-color:red;';
}
}
相关文章
- uniapp - css样式设置scoped
- Word控件Spire.Doc 【Table】教程(4):如何在C#、VB.NET中设置Word表格样式
- Word控件Spire.Doc 【Table】教程(4):如何在C#、VB.NET中设置Word表格样式
- Word控件Spire.Doc 【段落处理】教程(四):如何在 C#、VB.NET 中设置 Word 项目符号样式
- Word格式处理控件Aspose.Words for .NET教程——插入段落并调整样式
- 14 vue的data函数中对象和数组的方式绑定模板样式
- HTML文本框样式大全!(很实用,转载!)
- Vue项目修改浏览器滚动条样式
- wap开发使用jquery mobile之后页面不加载外部css样式文件/js文件
- Xcode代码格式化教程,可自定义样式
- vue中修改swiper样式
- JS修改当前控件样式&为控件追加事件
- Css实现checkbox及radio样式自定义
- [js高手之路] html5 canvas系列教程 - 文本样式(strokeText,fillText,measureText,textAlign,textBaseline)
- android样式跟主题
- 【快应用】text组件里的文字很多,旁边的div样式会被拉伸如何解决
- echart 数据视图 样式重写
- css样式—字体垂直、水平居中
- CSS样式:渐变色圆角边框