From 1731369f29ad66fff03444de141f858b6f2cf313 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=B1=E7=9C=A0=E5=84=80=E5=BC=8F?= <854085467@qq.com>
Date: Mon, 4 Jul 2022 01:19:39 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B(component):=20=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=20table=20css=20=E5=86=B2=E7=AA=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/component/table/TableRow.vue          | 10 ++++--
 .../component/src/component/table/index.less  | 33 +++++++++----------
 .../component/src/component/table/index.vue   |  4 ++-
 .../src/document/zh-CN/components/table.md    |  1 +
 4 files changed, 27 insertions(+), 21 deletions(-)

diff --git a/package/component/src/component/table/TableRow.vue b/package/component/src/component/table/TableRow.vue
index 5e9cfa48..f320d4ba 100644
--- a/package/component/src/component/table/TableRow.vue
+++ b/package/component/src/component/table/TableRow.vue
@@ -158,7 +158,10 @@ const childrenIndentSize = props.currentIndentSize + props.indentSize;
               },
               renderCellStyle(data, column, index, columnIndex),
             ]"
-            :class="[renderCellClassName(data, column, index, columnIndex),column.fixed ? `layui-table-fixed-${column.fixed}` : '']"
+            :class="[
+              renderCellClassName(data, column, index, columnIndex),
+              column.fixed ? `layui-table-fixed-${column.fixed}` : '',
+            ]"
           >
             <!-- 树表占位与缩进 -->
             <span
@@ -208,7 +211,10 @@ const childrenIndentSize = props.currentIndentSize + props.indentSize;
                 },
                 renderCellStyle(data, column, index, columnIndex),
               ]"
-             :class="[renderCellClassName(data, column, index, columnIndex),column.fixed ? `layui-table-fixed-${column.fixed}` : '']"
+              :class="[
+                renderCellClassName(data, column, index, columnIndex),
+                column.fixed ? `layui-table-fixed-${column.fixed}` : '',
+              ]"
             >
               <!-- 树表占位与缩进 -->
               <span
diff --git a/package/component/src/component/table/index.less b/package/component/src/component/table/index.less
index 63e69e39..d47cf660 100644
--- a/package/component/src/component/table/index.less
+++ b/package/component/src/component/table/index.less
@@ -17,18 +17,18 @@
   font-weight: 400;
 }
 
-.layui-table tbody tr:hover,
-.layui-table thead tr,
-.layui-table-click,
-.layui-table-header,
-.layui-table-hover,
 .layui-table-mend,
-.layui-table-patch,
 .layui-table-tool,
 .layui-table-total,
+.layui-table-patch,
+.layui-table-click,
+.layui-table-hover,
+.layui-table-header,
 .layui-table-total tr,
-.layui-table.layui-table-even tr:nth-child(even) {
-  background-color: var(--global-neutral-color-1);
+.layui-table thead tr,
+.layui-table tbody tr:hover td,
+.layui-table.layui-table-even tr:nth-child(even) td {
+  background-color: var(--global-neutral-color-1)!important;
 }
 
 .layui-table td,
@@ -419,30 +419,27 @@
   overflow: hidden;
 }
 
+.layui-table-header .layui-table-cell {
+  background-color: #FAFAFA;
+}
+
 .layui-table-fixed-left {
   left: 0;
   z-index: 2;
   display: block;
+  background: white;
   position: sticky!important;
-  box-shadow: 1px 0 8px rgba(0, 0, 0, 0.08);
 }
 
 .layui-table-fixed-right {
   right: 0;
   z-index: 2;
   display: block;
-  position: sticky!important;
-  box-shadow: -1px 0 8px rgba(0, 0, 0, 0.08);
-}
-
-.layui-table-header .layui-table-cell {
-  background: #FAFAFA;
-}
-
-.layui-table-body .layui-table-cell {
   background: white;
+  position: sticky!important;
 }
 
+
 .layui-table-mend {
   position: absolute;
   right: -49px;
diff --git a/package/component/src/component/table/index.vue b/package/component/src/component/table/index.vue
index b432a9df..94ca473f 100644
--- a/package/component/src/component/table/index.vue
+++ b/package/component/src/component/table/index.vue
@@ -327,7 +327,9 @@ props.dataSource.map((value: any) => {
                   <th
                     v-if="tableColumnKeys.includes(column.key)"
                     class="layui-table-cell"
-                    :class="[column.fixed ? `layui-table-fixed-${column.fixed}` : '']"
+                    :class="[
+                      column.fixed ? `layui-table-fixed-${column.fixed}` : '',
+                    ]"
                     :style="{
                       textAlign: column.align,
                     }"
diff --git a/package/document-component/src/document/zh-CN/components/table.md b/package/document-component/src/document/zh-CN/components/table.md
index ca3039c5..0aefefe6 100644
--- a/package/document-component/src/document/zh-CN/components/table.md
+++ b/package/document-component/src/document/zh-CN/components/table.md
@@ -605,6 +605,7 @@ export default {
 
 <template>
   <lay-table :columns="columns1" :dataSource="dataSource1" skin="line"></lay-table>
+  <lay-table :columns="columns1" :dataSource="dataSource1" skin="nob" :even="true"></lay-table>
   <lay-table :columns="columns1" :dataSource="dataSource1" skin="row"></lay-table>
 </template>