vue3-table-complex

Vue 3 + TypeScript + Vite

This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 <script setup> SFCs, check out the script setup docs to learn more.

Recommended Setup

• VS Code + Vue - Official (previously Volar) and disable Vetur

• Use vue-tsc for performing the same type checking from the command line, or for generating d.ts files for SFCs.

• export interface TableColumn {

• field: string;

• header: string;

• type?: 'number' | 'decimal' | 'boolean' | 'string' | 'percent' | 'dateTime' | 'date' | 'custome';

• classList?: string;

• width: string;

• isShow: boolean;

• isFilter: boolean;

• filterEvent?: any;

• filterItems?: Array;

• }

• <vue3-table :headers="headers" :tableData="data" v-model:selectRow="selectedRow" @changeSelectedRow="(a)=>console.log(a)">

•   <template v-if="data.column == 'operation'">
  

•     <i class="fa-regular fa-eye  hover:text-yellow-600"></i>          
  

•       {{data.row.id}}          
  

•   </template>
  

• </template>