diff --git a/CHANGELOG.md b/CHANGELOG.md
index 0c09cf49b..5a8b5162c 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -15,10 +15,15 @@
- 修复 Loading 关闭后有几率滚动失效的问题
- 修复 远程搜索的 Select 不能正确渲染默认初始值的问题
- 修复 Switch 的 width 属性无效的问题
+- 优化 Table 性能,优化 Table 代码结构
+- Table 增加属性 rowClassName
+- TableColumn 增加 fixed 属性,可选值:true, false, left, right
+- TableColumn[type="selection"] 增加 selectable 属性
#### 非兼容性更新
- 全屏 Loading 现在默认不再锁定屏幕滚动。如果需要的话,可添加 `lock` 修饰符
+- Table 删除属性 fixedColumnCount, customCriteria, customBackgroundColors
### 1.0.0-rc.7
diff --git a/examples/docs/zh-cn/table.md b/examples/docs/zh-cn/table.md
index cc20fb7cd..c8d52b8a2 100644
--- a/examples/docs/zh-cn/table.md
+++ b/examples/docs/zh-cn/table.md
@@ -117,6 +117,15 @@
formatter(row, column) {
return row.address;
+ },
+
+ tableRowClassName(row, index) {
+ if (index === 1) {
+ return 'info-row';
+ } else if (index === 3) {
+ return 'positive-row';
+ }
+ return '';
}
},
@@ -132,6 +141,16 @@
};
+
+
## Table 表格
用于展示多条结构类似的数据,可对数据进行排序、筛选、对比或其他自定义操作。
@@ -140,24 +159,24 @@
基础的表格展示用法。
-:::demo 当`el-table`元素中注入`data`对象数组后,在`el-table-column`中用`property`属性来对应对象中的键名即可填入数据,用`label`属性来定义表格的列名。可以使用`width`属性来定义列宽。
+:::demo 当`el-table`元素中注入`data`对象数组后,在`el-table-column`中用`prop`属性来对应对象中的键名即可填入数据,用`label`属性来定义表格的列名。可以使用`width`属性来定义列宽。
```html
@@ -203,17 +222,17 @@
stripe
style="width: 100%">
@@ -257,17 +276,17 @@
border
style="width: 100%">
@@ -305,33 +324,52 @@
可将表格内容 highlight 显示,方便区分「成功、信息、警告、危险」等内容。
-:::demo 为行添加自定义背景色,表明该行处于某种状态。若某一行拥有`custom-criteria`数组中的某个字段且值为`true`,则为该行添加`custom-background-colors`数组中对应的背景色。
+:::demo 可以通过指定 Table 组件的 rowClassName 属性来为 Table 中的某一行添加 class,表明该行处于某种状态。
```html
+ :row-class-name="tableRowClassName">
+
+