From 8b947775c022e00162f5d6f96de5d0fd6e310c23 Mon Sep 17 00:00:00 2001
From: RickCole21 <rickcole21@outlook.com>
Date: Wed, 25 Nov 2020 14:06:50 +0800
Subject: [PATCH 1/2] fix doc

---
 docs/components/form/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/components/form/index.md b/docs/components/form/index.md
index ed375556d..fd12392f7 100755
--- a/docs/components/form/index.md
+++ b/docs/components/form/index.md
@@ -802,7 +802,7 @@ Form 支持轮训初始化接口，步骤如下：
         {
           "label": "关键字",
           "type": "static",
-          "name": "${keywords}"
+          "name": "keywords"
         },
         {
           "label": "请求时间",

From 7d60efe9a8526a5604a324e0578fa7f5a7a6a249 Mon Sep 17 00:00:00 2001
From: RickCole21 <rickcole21@outlook.com>
Date: Thu, 26 Nov 2020 18:21:07 +0800
Subject: [PATCH 2/2] =?UTF-8?q?=E8=A1=A5=E5=85=85Table=E6=96=87=E6=A1=A3?=
 =?UTF-8?q?=EF=BC=8C=E5=B0=8F=E4=BC=98=E5=8C=96=E6=96=87=E6=A1=A3=E7=BB=93?=
 =?UTF-8?q?=E6=9E=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/components/table.md    | 73 ++++++++++++++++++++++++++++++++-----
 examples/components/Doc.tsx | 16 ++++----
 2 files changed, 71 insertions(+), 18 deletions(-)

diff --git a/docs/components/table.md b/docs/components/table.md
index 1f053a135..4db4aeae8 100755
--- a/docs/components/table.md
+++ b/docs/components/table.md
@@ -400,6 +400,59 @@ order: 67
 }
 ```
 
+### 固定列
+
+列太多可以让重要的几列固定，可以配置固定在左侧还是右侧，只需要给需要固定的列上配置 `fixed` 属性，配置 `left` 或者 `right`。
+
+```schema:height="530" scope="body"
+{
+    "type": "service",
+    "api": "https://houtai.baidu.com/api/sample?perPage=5",
+    "className": "w-xxl",
+    "body": [
+        {
+            "type": "table",
+            "source": "$rows",
+            "className": "m-b-none",
+            "columnsTogglable": false,
+            "columns": [
+                {
+                    "name": "engine",
+                    "label": "Engine",
+                    "fixed": "left"
+                },
+
+                {
+                    "name": "grade",
+                    "label": "Grade"
+                },
+
+                {
+                    "name": "version",
+                    "label": "Version"
+                },
+
+                {
+                    "name": "browser",
+                    "label": "Browser"
+                },
+
+                {
+                    "name": "id",
+                    "label": "ID"
+                },
+
+                {
+                    "name": "platform",
+                    "label": "Platform",
+                    "fixed": "right"
+                }
+            ]
+        }
+    ]
+}
+```
+
 ### 可复制
 
 可以在列上配置`"copyable": true`，会在该列的内容区里，渲染一个复制内容的图标，点击可复制该显示内容
@@ -989,26 +1042,25 @@ order: 67
 }
 ```
 
-## 固定列
+## 高亮行
 
-列太多可以让重要的几列固定，可以配置固定在左侧还是右侧，只需要给需要固定的列上配置 `fixed` 属性，配置 `left` 或者 `right`。
+可以通过配置`rowClassNameExpr`来为行添加 CSS 类，支持 [模板](../concepts/template) 语法。
+
+例如下例，`"<%= data.id % 2 ? "bg-success" : "" %>"` 表示当行数据的 `id` 变量为 不能被 `2` 整除时，给当前行添加`bg-success` CSS 类名，即绿色背景色
 
 ```schema:height="530" scope="body"
 {
     "type": "service",
-    "api": "https://houtai.baidu.com/api/sample?perPage=5",
-    "className": "w-xxl",
+    "api": "https://houtai.baidu.com/api/sample?perPage=10",
     "body": [
         {
             "type": "table",
             "source": "$rows",
-            "className": "m-b-none",
-            "columnsTogglable": false,
+            "rowClassNameExpr": "<%= data.id % 2 ? 'bg-success' : '' %>",
             "columns": [
                 {
                     "name": "engine",
-                    "label": "Engine",
-                    "fixed": "left"
+                    "label": "Engine"
                 },
 
                 {
@@ -1033,8 +1085,7 @@ order: 67
 
                 {
                     "name": "platform",
-                    "label": "Platform",
-                    "fixed": "right"
+                    "label": "Platform"
                 }
             ]
         }
@@ -1063,3 +1114,5 @@ order: 67
 | itemCheckableOn  | [表达式](../concepts/expression)              |                           | 配置当前行是否可勾选的条件，要用 [表达式](../concepts/expression) |
 | itemDraggableOn  | [表达式](../concepts/expression)              |                           | 配置当前行是否可拖拽的条件，要用 [表达式](../concepts/expression) |
 | checkOnItemClick | `boolean`                                     | `false`                   | 点击数据行是否可以勾选当前行                                      |
+| rowClassName     | `string`                                      |                           | 给行添加 CSS 类名                                                 |
+| rowClassNameExpr | [模板](../concepts/template)                  |                           | 通过模板给行添加 CSS 类名                                         |
diff --git a/examples/components/Doc.tsx b/examples/components/Doc.tsx
index 361690f1d..0adc9eeb4 100644
--- a/examples/components/Doc.tsx
+++ b/examples/components/Doc.tsx
@@ -634,6 +634,14 @@ export const docs = [
             cb(null, makeMarkdownRenderer(doc));
           })
       },
+      {
+        label: 'Table 表格',
+        path: '/docs/components/table',
+        getComponent: (location, cb) =>
+          require(['../../docs/components/table.md'], doc => {
+            cb(null, makeMarkdownRenderer(doc));
+          })
+      },
       {
         label: 'Action 行为按钮',
         path: '/docs/components/action',
@@ -938,14 +946,6 @@ export const docs = [
             cb(null, makeMarkdownRenderer(doc));
           })
       },
-      {
-        label: 'Table 表格',
-        path: '/docs/components/table',
-        getComponent: (location, cb) =>
-          require(['../../docs/components/table.md'], doc => {
-            cb(null, makeMarkdownRenderer(doc));
-          })
-      },
       {
         label: 'Tabs 选项卡',
         path: '/docs/components/tabs',