From 99a62ada52a5670b7698a6bf25795cacdb842fcb 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: Tue, 22 Nov 2022 11:40:10 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B(table):=20=E4=BF=AE=E5=A4=8D=20col?=
 =?UTF-8?q?umn=20=E9=85=8D=E7=BD=AE=20align=20=E5=B1=9E=E6=80=A7=E5=A4=B1?=
 =?UTF-8?q?=E6=95=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package/component/src/component/select/index.vue      |  2 +-
 package/component/src/component/tab/index.vue         |  8 ++++++--
 package/component/src/component/table/TableRow.vue    |  4 ++--
 .../src/document/zh-CN/components/table.md            | 11 +++++++----
 4 files changed, 16 insertions(+), 9 deletions(-)

diff --git a/package/component/src/component/select/index.vue b/package/component/src/component/select/index.vue
index 351008a3..76af9343 100644
--- a/package/component/src/component/select/index.vue
+++ b/package/component/src/component/select/index.vue
@@ -18,7 +18,7 @@ import {
   watch,
   onUnmounted,
   StyleValue,
-Fragment,
+  Fragment,
 } from "vue";
 import { LayIcon } from "@layui/icons-vue";
 import LayInput from "../input/index.vue";
diff --git a/package/component/src/component/tab/index.vue b/package/component/src/component/tab/index.vue
index e28f2149..a09b7c39 100644
--- a/package/component/src/component/tab/index.vue
+++ b/package/component/src/component/tab/index.vue
@@ -291,10 +291,14 @@ const renderTabTitle = (attrs: Record<string, unknown>) => {
 
 useResizeObserver(navRef, update);
 
-watch(tabMap, () => {
+watch(
+  tabMap,
+  () => {
     childrens.value = [];
     setItemInstanceBySlot((slot.default && slot.default()) as VNode[]);
-}, {immediate: true });
+  },
+  { immediate: true }
+);
 
 watch(
   () => [
diff --git a/package/component/src/component/table/TableRow.vue b/package/component/src/component/table/TableRow.vue
index 4b5f5049..cd04558e 100644
--- a/package/component/src/component/table/TableRow.vue
+++ b/package/component/src/component/table/TableRow.vue
@@ -486,7 +486,7 @@ const radioProps = props.getRadioProps(props.data, props.index);
                 column.fixed ? `layui-table-fixed-${column.fixed}` : '',
               ]"
             >
-              <div style="display: flex">
+              <div style="display: flex" :style="[{textAlign: column.align, justifyContent: column.align}]">
                 <span
                   v-if="expandSpace && columnIndex === expandIndex"
                   :style="{ 'margin-right': currentIndentSize + 'px' }"
@@ -560,7 +560,7 @@ const radioProps = props.getRadioProps(props.data, props.index);
                 column.fixed ? `layui-table-fixed-${column.fixed}` : '',
               ]"
             >
-              <div style="display: flex">
+              <div style="display: flex" :style="[{textAlign: column.align, justifyContent: column.align}]">
                 <span
                   v-if="expandSpace && columnIndex === expandIndex"
                   :style="{ 'margin-right': currentIndentSize + 'px' }"
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 2c65c4f7..f80149ff 100644
--- a/package/document-component/src/document/zh-CN/components/table.md
+++ b/package/document-component/src/document/zh-CN/components/table.md
@@ -13,7 +13,7 @@
 ::: demo 使用 `lay-table` 标签, 创建表格
 
 <template>
-  <lay-table :columns="columns1" :data-source="dataSource1"></lay-table>
+  <lay-table :columns="columns66" :data-source="dataSource1"></lay-table>
 </template>
 
 <script>
@@ -22,18 +22,21 @@ import { ref } from 'vue'
 export default {
   setup() {
 
-    const columns1 = [
+    const columns66 = [
       {
         title:"账户",
         width:"200px",
+        align: "right",
         key:"username"
       },{
         title:"密码",
         width: "180px",
+        align: "center",
         key:"password"
       },{
         title:"年龄",
         width: "180px",
+        align: "center",
         key:"age"
       },{
         title:"备注",
@@ -50,7 +53,7 @@ export default {
     ]
 
     return {
-      columns1,
+      columns66,
       dataSource1
     }
   }
@@ -299,7 +302,7 @@ export default {
         title:"姓名",
         width:"200px",
         key:"name",
-        ellipsisTooltip: true,
+        ellipsisTooltip: true
       },{
         title:"成绩",
         width: "180px",