一个基于element plus table 的表格封装组件

Muertos

于 2023-03-08 17:25:21 发布

阅读量527

点赞数

CC 4.0 BY-SA版权

分类专栏： js html 文章标签： vue.js javascript 前端

本文链接：https://blog.youkuaiyun.com/csk246/article/details/129407753

一、Vue组件表格文档

地址：
https://gitee.com/264727564/element-plus-table-ext

1. 功能介绍

一个基于element plus table 的表格封装组件，可以用来显示排序、过滤、导出、转图标、搜索、全屏等功能。

2. 使用

在Vue中使用Vue组件表格：

<vue-table :data="data" :columns="columns" :config-table="config" :config-event="{
   
   
            'row-click':rowClick
        }">
</vue-table> 

<script>
import vueTable from './components/element-plus-table-ext.vue';

export default {
   
   
  data(){
   
   
        return {
   
   
            config:{
   
    
                height:"400px",
                border:true
            },
             data:[],
             columns:[
                {
   
   code:"name",name:"姓名",sortable