From b9943cc264f0a4d19dc9504309aa708e76220496 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=B1=E7=9C=A0=E4=BB=AA=E5=BC=8F?= <854085467@qq.com>
Date: Mon, 11 Oct 2021 00:57:32 +0800
Subject: [PATCH] =?UTF-8?q?feat(table):=20=E6=96=B0=E5=A2=9E=20toolbar=20?=
 =?UTF-8?q?=E6=8F=92=E6=A7=BD,=20=E6=94=AF=E6=8C=81=E8=87=AA=E5=AE=9A?=
 =?UTF-8?q?=E4=B9=89=E5=B7=A5=E5=85=B7=E6=A0=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/docs/zh-CN/components/table.md | 61 +++++++++++++++++++++++++++++
 src/module/table/index.vue          | 22 ++++++++---
 2 files changed, 77 insertions(+), 6 deletions(-)

diff --git a/docs/docs/zh-CN/components/table.md b/docs/docs/zh-CN/components/table.md
index 0c8bc194..db19b086 100644
--- a/docs/docs/zh-CN/components/table.md
+++ b/docs/docs/zh-CN/components/table.md
@@ -121,4 +121,65 @@ export default {
 }
 </script>
 
+:::
+
+::: demo
+
+<template>
+  <lay-table :columns="columns" :dataSource="dataSource">
+    <template v-slot:toolbar>
+      <lay-button>新增</lay-button>
+      <lay-button>删除</lay-button>
+    </template>
+    <template v-slot:username="{ data }"> {{data.username}} </template>
+    <template v-slot:password="{ data }"> {{data.password}} </template>
+    <template v-slot:operator="{ data }">
+      <lay-button >修改</lay-button>
+      <lay-button type="primary">删除</lay-button>
+    </template>
+  </lay-table>
+</template>
+
+<script>
+import { ref } from 'vue'
+
+export default {
+  setup() {
+
+    const columns = [
+      {
+        title:"账户",
+        width:"200px",
+        slot:"username",
+        key:"username"
+      },{
+        title:"密码",
+        width: "180px",
+        slot:"password",
+        key:"password"
+      },{
+        title:"年龄",
+        width: "180px",
+        key:"age"
+      },{
+        title:"操作",
+        width: "180px",
+        customSlot:"operator",
+        key:"operator"
+      }
+    ]
+
+    const dataSource = [
+      {username:"root", password:"root", age:"18"},
+      {username:"woow", password:"woow", age:"20"}
+    ]
+
+    return {
+      columns,
+      dataSource
+    }
+  }
+}
+</script>
+
 :::
\ No newline at end of file
diff --git a/src/module/table/index.vue b/src/module/table/index.vue
index 181894f7..36e897d3 100644
--- a/src/module/table/index.vue
+++ b/src/module/table/index.vue
@@ -5,6 +5,11 @@
       class="layui-form layui-border-box layui-table-view layui-table-view-1"
     >
       <div class="layui-table-tool">
+        <div class="layui-table-tool-temp">
+          <div class="layui-btn-container">
+            <slot name="toolbar"></slot>
+          </div>
+        </div>
         <div class="layui-table-tool-self">
           <div class="layui-inline" title="筛选列" lay-event="LAYTABLE_COLS">
             <i class="layui-icon layui-icon-cols"></i>
@@ -71,7 +76,6 @@
                   </td>
 
                   <template v-for="column in columns" :key="column">
-                  
                     <template v-if="column.customSlot">
                       <td>
                         <div
@@ -82,7 +86,7 @@
                         </div>
                       </td>
                     </template>
-                    
+
                     <template
                       v-else
                       v-for="(value, key, index) in data"
@@ -100,7 +104,6 @@
                         </div>
                       </td>
                     </template>
-
                   </template>
                 </tr>
               </template>
@@ -109,7 +112,14 @@
         </div>
       </div>
       <div v-if="page" class="layui-table-page">
-        <lay-page :total="page.total" :limit="page.limit" @jump="change" showPage showLimit showSkip></lay-page>
+        <lay-page
+          :total="page.total"
+          :limit="page.limit"
+          @jump="change"
+          showPage
+          showLimit
+          showSkip
+        ></lay-page>
       </div>
     </div>
   </div>
@@ -130,7 +140,7 @@ const emit = defineEmits(['change'])
 const slot = useSlots()
 const slots = slot.default && slot.default()
 
-const change = function(page: any){
-  emit('change',page)
+const change = function (page: any) {
+  emit('change', page)
 }
 </script>
\ No newline at end of file