增加自定义CSS样式(样式只对当前组件生效)
css选择器
css样式对象
获取单元格显示值
行序号(序号从0开始)
列序号(序号从0开始)
获取单元格真实值
行序号(序号从0开始)
列序号(序号从0开始)
获取组件id
获取组件标题
获取组件类型
隐藏组件
移除自定义CSS
单元格样式处理函数
可以对单元格添加CSS样式,当需要改变某个单元格样式的时候可以使用该方法。
单元格样式处理函数
示例代码
portlet.setCellStyleHandler(function () function (row, column, rowIndex, columnIndex) {
if (columnIndex !== 0) return null
let value = row.getCellValue(columnIndex)
if (value > 1000) {
return {
background: 'red'
}
}
return null
})
示例图
单元格节点处理函数
可以改变单元格的结构,当需要改变单元格结构(如添加图标、自定义格式化等)的时候可以使用该方法。
样式处理函数
示例代码
portlet.setRenderCellHandler(function (row, column, rowIndex, columnIndex) {
if (columnIndex != 1) return null
let value = row.getCellValue(columnIndex)
let displayValue = row.getCellDisplayValue(columnIndex)
if (value < 500) {
return '<span style="color: red;"><i class="SmartbixIcons sx-icon-descending"/>' + displayValue + '</span>'
}
if (value > 1500) {
return '<span style="color: blue;"><i class="SmartbixIcons sx-icon-ascending"/>' + displayValue + '</span>'
}
return null
})
示例图
表格行样式处理函数
可以对表格行添加CSS样式,当需要改变一整行样式的时候可以使用该方法。
表格行样式处理函数
示例代码
portlet.setRowStyleHandler(function (row, rowIndex) {
let value1 = row.getCellValue(1)
if (value > 1000) {
return {
background: 'red'
}
}
return null
})
示例图
设置组件标题
标题
显示组件
表格组件接口对象