From 011585f4bfbda642858000669d8532cd71a33d6a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=97=A0=E5=A3=B0?= <ivestszheng@qq.com>
Date: Fri, 22 Oct 2021 16:26:08 +0800
Subject: [PATCH 1/7] =?UTF-8?q?feat:=20=E6=96=91=E9=A9=AC=E7=BA=B9?=
 =?UTF-8?q?=E6=95=88=E6=9E=9C=E4=B8=8Eng=E4=BF=9D=E6=8C=81=E4=B8=80?=
 =?UTF-8?q?=E8=87=B4=EF=BC=9B=E5=A2=9E=E5=8A=A0=E8=A1=A8=E5=A4=B4=E8=83=8C?=
 =?UTF-8?q?=E6=99=AF=E8=89=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 devui/table/src/header/header.scss             | 8 ++++++++
 devui/table/src/table.type.ts                  | 4 ++++
 devui/table/src/use-table.ts                   | 1 +
 docs/.vitepress/devui-theme/styles/layout.scss | 4 ----
 4 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/devui/table/src/header/header.scss b/devui/table/src/header/header.scss
index fc10e53a..21e88bf4 100644
--- a/devui/table/src/header/header.scss
+++ b/devui/table/src/header/header.scss
@@ -16,3 +16,11 @@
     }
   }
 }
+
+.header-bg {
+  thead.devui-thead {
+    tr {
+      background: var(--devui-list-item-hover-bg, #f2f5fc);
+    }
+  }
+}
diff --git a/devui/table/src/table.type.ts b/devui/table/src/table.type.ts
index 563b9bb6..217b77e8 100644
--- a/devui/table/src/table.type.ts
+++ b/devui/table/src/table.type.ts
@@ -9,6 +9,10 @@ export const TableProps = {
     type: Boolean,
     default: false,
   },
+  headerBg:{
+    type: Boolean,
+    default: false
+  }
 };
 
 export type TablePropsTypes = ExtractPropTypes<typeof TableProps>;
diff --git a/devui/table/src/use-table.ts b/devui/table/src/use-table.ts
index c5e9f1e6..595302b6 100644
--- a/devui/table/src/use-table.ts
+++ b/devui/table/src/use-table.ts
@@ -5,6 +5,7 @@ export function useTable(props: TablePropsTypes): any {
   const classes = computed(() => ({
     'devui-table': true,
     'devui-table-striped': props.striped,
+    'header-bg': props.headerBg
   }));
 
   return { classes };
diff --git a/docs/.vitepress/devui-theme/styles/layout.scss b/docs/.vitepress/devui-theme/styles/layout.scss
index 8f0ef7a5..2c5b027a 100644
--- a/docs/.vitepress/devui-theme/styles/layout.scss
+++ b/docs/.vitepress/devui-theme/styles/layout.scss
@@ -183,10 +183,6 @@ tr {
   border-top: 1px solid $devui-dividing-line;
 }
 
-tr:nth-child(2n) {
-  background-color: $devui-area;
-}
-
 th,
 td {
   border: 1px solid $devui-dividing-line;
-- 
Gitee


From 4106a0805402772c1156a8525b2068f0fec81afb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=97=A0=E5=A3=B0?= <ivestszheng@qq.com>
Date: Fri, 22 Oct 2021 16:27:04 +0800
Subject: [PATCH 2/7] =?UTF-8?q?docs:=20=E4=BF=AE=E6=94=B9=E2=80=9D?=
 =?UTF-8?q?=E8=A1=A8=E6=A0=BC=E6=A0=B7=E5=BC=8F=E2=80=9C=E5=B1=95=E7=A4=BA?=
 =?UTF-8?q?=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/components/table/index.md | 38 +++++++++++++++++++++++++++++-----
 1 file changed, 33 insertions(+), 5 deletions(-)

diff --git a/docs/components/table/index.md b/docs/components/table/index.md
index 9492d1cf..afc60705 100644
--- a/docs/components/table/index.md
+++ b/docs/components/table/index.md
@@ -62,13 +62,23 @@
 
 :::
 
-### 斑马纹表格
+### 表格样式
 
-:::demo 通过`d-table`组件上的`striped`属性，可设置带斑马纹的表格，更容易区分不同行的数据。
+:::demo
 
 ```vue
 <template>
-  <d-table striped :data="stripedTableData">
+<div class="table-btn-groups">
+      <div class="table-btn">
+          斑马纹：
+         <d-switch v-model:checked="striped" />
+      </div>
+      <div class="table-btn">
+          表头背景色：
+         <d-switch v-model:checked="headerBg" />
+      </div>
+  </div>
+  <d-table :striped="striped" :header-bg="headerBg" :data="stripedTableData">
     <d-column field="firstName" header="First Name"></d-column>
     <d-column field="lastName" header="Last Name"></d-column>
     <d-column field="gender" header="Gender"></d-column>
@@ -82,7 +92,8 @@
 
   export default defineComponent({
     setup() {
-
+      const striped = ref(false)
+      const headerBg = ref(false)
       const stripedTableData = ref([
         {
           firstName: 'Mark',
@@ -110,10 +121,26 @@
         }
       ])
 
-      return { stripedTableData }
+      return { 
+        stripedTableData,
+        striped,
+        headerBg 
+      }
     }
   })
 </script>
+
+<style lang="scss">
+.table-btn-groups{
+  display: flex;
+  margin-bottom: 1rem;
+}
+.table-btn{
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+</style>
 ```
 
 :::
@@ -186,6 +213,7 @@
 | ------- | --------- | ------- | ------------------ |
 | data    | `Array`   | `[]`     | 显示的数据         |
 | striped | `Boolean` | `false` | 是否显示斑马纹间隔 |
+| header-bg | `boolean` | `false` | 可选，表头是否显示背景色 |
 
 ### d-column Props
 
-- 
Gitee


From 047880bd3ef59467a528e2e0291257943a243ab1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=97=A0=E5=A3=B0?= <ivestszheng@qq.com>
Date: Fri, 22 Oct 2021 16:34:56 +0800
Subject: [PATCH 3/7] =?UTF-8?q?feat:=20=E4=B8=8Eng=E7=89=88=E4=BF=9D?=
 =?UTF-8?q?=E6=8C=81=E4=B8=80=E8=87=B4=EF=BC=8C=E5=A5=87=E6=95=B0=E8=A1=8C?=
 =?UTF-8?q?=E5=B1=95=E7=A4=BA=E6=96=91=E9=A9=AC=E7=BA=B9=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 devui/table/src/table.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/devui/table/src/table.scss b/devui/table/src/table.scss
index e272211a..f95d688c 100644
--- a/devui/table/src/table.scss
+++ b/devui/table/src/table.scss
@@ -13,7 +13,7 @@
   }
 
   &-striped {
-    tbody tr:nth-child(even) {
+    tbody tr:nth-child(odd) {
       background-color: $devui-list-item-strip-bg;
     }
   }
-- 
Gitee


From d530710a7216b967ff4646aa6fddda665745c731 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=97=A0=E5=A3=B0?= <ivestszheng@qq.com>
Date: Sun, 24 Oct 2021 08:51:09 +0800
Subject: [PATCH 4/7] =?UTF-8?q?feat:=20=E6=96=91=E9=A9=AC=E7=BA=B9?=
 =?UTF-8?q?=E6=95=88=E6=9E=9C=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 devui/table/src/table.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/devui/table/src/table.scss b/devui/table/src/table.scss
index f95d688c..e272211a 100644
--- a/devui/table/src/table.scss
+++ b/devui/table/src/table.scss
@@ -13,7 +13,7 @@
   }
 
   &-striped {
-    tbody tr:nth-child(odd) {
+    tbody tr:nth-child(even) {
       background-color: $devui-list-item-strip-bg;
     }
   }
-- 
Gitee


From e8a46cac0fbf67ef82c54dcab159c01ec12bd6a1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=97=A0=E5=A3=B0?= <ivestszheng@qq.com>
Date: Mon, 25 Oct 2021 16:07:25 +0800
Subject: [PATCH 5/7] =?UTF-8?q?feat:=20=E5=A2=9E=E5=8A=A0=20api(table-layo?=
 =?UTF-8?q?ut)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 devui/table/src/table.scss     |  4 ++++
 devui/table/src/table.type.ts  |  4 ++++
 devui/table/src/use-table.ts   |  3 ++-
 docs/components/table/index.md | 33 ++++++++++++++++++++-------------
 4 files changed, 30 insertions(+), 14 deletions(-)

diff --git a/devui/table/src/table.scss b/devui/table/src/table.scss
index f95d688c..dcaf5a8d 100644
--- a/devui/table/src/table.scss
+++ b/devui/table/src/table.scss
@@ -24,3 +24,7 @@
     text-align: center;
   }
 }
+
+.table-layout-auto {
+  table-layout: auto;
+}
diff --git a/devui/table/src/table.type.ts b/devui/table/src/table.type.ts
index 217b77e8..c9165dfe 100644
--- a/devui/table/src/table.type.ts
+++ b/devui/table/src/table.type.ts
@@ -12,6 +12,10 @@ export const TableProps = {
   headerBg:{
     type: Boolean,
     default: false
+  },
+  tableLayout:{
+    type: String,
+    default: 'fixed'
   }
 };
 
diff --git a/devui/table/src/use-table.ts b/devui/table/src/use-table.ts
index 595302b6..e375cbbb 100644
--- a/devui/table/src/use-table.ts
+++ b/devui/table/src/use-table.ts
@@ -5,7 +5,8 @@ export function useTable(props: TablePropsTypes): any {
   const classes = computed(() => ({
     'devui-table': true,
     'devui-table-striped': props.striped,
-    'header-bg': props.headerBg
+    'header-bg': props.headerBg,
+    'table-layout-auto': props.tableLayout === 'auto'
   }));
 
   return { classes };
diff --git a/docs/components/table/index.md b/docs/components/table/index.md
index afc60705..dfbe3608 100644
--- a/docs/components/table/index.md
+++ b/docs/components/table/index.md
@@ -69,6 +69,10 @@
 ```vue
 <template>
 <div class="table-btn-groups">
+      <div class="table-btn">
+          自动表格布局：
+         <d-switch v-model:checked="tableLayout" />
+      </div>
       <div class="table-btn">
           斑马纹：
          <d-switch v-model:checked="striped" />
@@ -78,7 +82,7 @@
          <d-switch v-model:checked="headerBg" />
       </div>
   </div>
-  <d-table :striped="striped" :header-bg="headerBg" :data="stripedTableData">
+  <d-table :table-layout="tableLayout?'auto':'fixed'" :striped="striped" :header-bg="headerBg" :data="stripedTableData">
     <d-column field="firstName" header="First Name"></d-column>
     <d-column field="lastName" header="Last Name"></d-column>
     <d-column field="gender" header="Gender"></d-column>
@@ -92,6 +96,7 @@
 
   export default defineComponent({
     setup() {
+      const tableLayout = ref(false)
       const striped = ref(false)
       const headerBg = ref(false)
       const stripedTableData = ref([
@@ -124,7 +129,8 @@
       return { 
         stripedTableData,
         striped,
-        headerBg 
+        headerBg,
+        tableLayout 
       }
     }
   })
@@ -209,17 +215,18 @@
 
 ### d-table Props
 
-| 参数    | 类型      | 默认值  | 说明               |
-| ------- | --------- | ------- | ------------------ |
-| data    | `Array`   | `[]`     | 显示的数据         |
-| striped | `Boolean` | `false` | 是否显示斑马纹间隔 |
-| header-bg | `boolean` | `false` | 可选，表头是否显示背景色 |
+| 参数         | 类型                | 默认值    | 说明                     |
+| ------------ | ------------------- | --------- | ------------------------ |
+| data         | `Array`             | `[]`      | 显示的数据               |
+| striped      | `Boolean`           | `false`   | 是否显示斑马纹间隔       |
+| header-bg    | `Boolean`           | `false`   | 可选，表头是否显示背景色 |
+| table-layout | `'fixed' \| 'auto'` | `'fixed'` | 可选，表格布局           |
 
 ### d-column Props
 
-| 参数   | 类型               | 默认值 | 说明                   |
-| ------ | ------------------ | ------ | ---------------------- |
-| header | `String`           | `-`    | 对应列的标题           |
-| field  | `String`           | `-`    | 对应列内容的字段名     |
-| width  | `String \| Number` | `-`    | 对应列的宽度，单位`px` |
-| min-width | `String \| Number` | `-` | 对应列的最小宽度，单位`px` |
+| 参数      | 类型               | 默认值 | 说明                       |
+| --------- | ------------------ | ------ | -------------------------- |
+| header    | `String`           | `-`    | 对应列的标题               |
+| field     | `String`           | `-`    | 对应列内容的字段名         |
+| width     | `String \| Number` | `-`    | 对应列的宽度，单位`px`     |
+| min-width | `String \| Number` | `-`    | 对应列的最小宽度，单位`px` |
\ No newline at end of file
-- 
Gitee


From 9ff0251cbb7aad30dfcb536b853f2a0bd9ac6aa6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=97=A0=E5=A3=B0?= <ivestszheng@qq.com>
Date: Mon, 25 Oct 2021 16:15:45 +0800
Subject: [PATCH 6/7] =?UTF-8?q?docs:=20=E4=BF=AE=E6=94=B9=20table-layout?=
 =?UTF-8?q?=20api?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

diff --git a/docs/components/table/index.md b/docs/components/table/index.md
index dfbe3608..fb305b27 100644
--- a/docs/components/table/index.md
+++ b/docs/components/table/index.md
@@ -220,7 +220,7 @@
 | data         | `Array`             | `[]`      | 显示的数据               |
 | striped      | `Boolean`           | `false`   | 是否显示斑马纹间隔       |
 | header-bg    | `Boolean`           | `false`   | 可选，表头是否显示背景色 |
-| table-layout | `'fixed' \| 'auto'` | `'fixed'` | 可选，表格布局           |
+| table-layout | `String` | `'fixed'` | 表格布局，可选值为`'auto'`|
 
 ### d-column Props
 
-- 
Gitee


From 8af36223fa526abbf1704816018ce76f8961cd14 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=97=A0=E5=A3=B0?= <ivestszheng@qq.com>
Date: Mon, 25 Oct 2021 16:25:40 +0800
Subject: [PATCH 7/7] =?UTF-8?q?feat:=20tableLayout=20=E7=B1=BB=E5=9E=8B?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 devui/table/src/table.type.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/devui/table/src/table.type.ts b/devui/table/src/table.type.ts
index c9165dfe..b9132f45 100644
--- a/devui/table/src/table.type.ts
+++ b/devui/table/src/table.type.ts
@@ -14,7 +14,7 @@ export const TableProps = {
     default: false
   },
   tableLayout:{
-    type: String,
+    type: String as PropType<'fixed' | 'auto'>,
     default: 'fixed'
   }
 };
-- 
Gitee