Appearance
标准表格-v2
应用包:lc-zkcomponents
类型:基础部件
一、效果预览

二、更新内容
UI更新,表头和单元格样式细节调优。单元格元素样式更加丰富,包括关注、次数、多行文本、文本加图标、变色文本、标签、状态等。
提供了组件、模板两种形式的表格,如果业务中要求需要使用列设置功能,则使用模板-表格类
中的表格v2.0
创建页面,如果不许要使用列设置功能,可在组件-表格
中的标准表格-v2
基础上进行修改,使用模板更自由但是修改成本高,使用组件则可以更方便地配置不同列的样式,配置人员优先使用组件的形式创建内容。
三、v1更新到v2
从v1更新到v2的表格,主要包括两个方面的内容更新:表格样式更新、表格单元格形式更新。
3.1 表格样式更新
v1版本的表格使用的是蓝色表头,每行高度较小,从v1升级到v2的表格无需更换组件,只需找到el-table节点,打开json找到并替换下面这部分代码即可:
json
"header-cell-style": {
"height": "64px",
"background": "rgba(255, 255, 255, 1)",
"fontSize": "18px",
"color": "rgba(93, 111, 134, 1)",
"fontWeight": "v:500",
"font-family": "Source Han Sans CN"
},
"cell-style": {
"height": "104px",
"fontSize": "16px",
"color": "rgba(93, 111, 134, 1)",
"fontWeight": "normal",
"font-family": "Source Han Sans CN"
},
注意
其中height为表头、表格行的高度,可按需设置
3.2 单元格形式转换
可从拖出来的v2表格中挑选合适形式的单元格,将其el-table-column中的元素样式复制到自己的表格中,作为插槽放入某一列中,修改其对应的数据即可完成样式的更新。