feat: add ample demos to @pureadmin/table (#379)

* feat: add ample demos to @pureadmin/table

src/views/system/dept/columns.tsx

@@ -1,8 +1,7 @@
-import { ref } from "vue";
 import dayjs from "dayjs";
 
 export function useColumns() {
-  const columns = ref([
+  const columns: TableColumnList = [
     {
       type: "selection",
       width: 55,
@@ -13,7 +12,6 @@ export function useColumns() {
       label: "序号",
       type: "index",
       width: 60,
-      align: "left",
       hide: ({ checkList }) => !checkList.includes("序号列")
     },
     {
@@ -58,7 +56,7 @@ export function useColumns() {
       width: 140,
       slot: "operation"
     }
-  ]);
+  ];
 
   return {
     columns

src/views/system/dept/index.vue

@@ -99,11 +99,12 @@ onMounted(() => {
         </el-button>
       </template>
       <template v-slot="{ size, checkList }">
-        <PureTable
+        <pure-table
           ref="tableRef"
           border
-          align="center"
+          align-whole="center"
           row-key="id"
+          showOverflowTooltip
           table-layout="auto"
           default-expand-all
           :size="size"
@@ -142,7 +143,7 @@ onMounted(() => {
               </template>
             </el-popconfirm>
           </template>
-        </PureTable>
+        </pure-table>
       </template>
     </TableProBar>
   </div>