vue3-table-complex
v0.1.2
Published
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](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
Downloads
14
Readme
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>