zgz-swust-table

本项目是一个基于Vue3.0开发的高级表格组件，主要用于展示数据，支持分页、排序、筛选等功能。 本项目高度支持用户自定义表头，用户自定义表格内容，支持大量数据的渲染功能，具有较良好的性能。下面将介绍 表格组件爱你如何快速入门

快速入门

• 初始化项目 您需要初始化一个vue项目

vue create demo

安装组件

npm安装组件

我们建议您使用包管理器npm安装表格组件

cd demo
npm install zgz-swust-table

• 全局导入组件 我们表格组件是需要你完整导入的，您只需要在安装完成我们提供的表格组件，在main.js文件中 添加组件库以及CSS样式文件即可

import { createApp } from 'vue'
import App from './App.vue'
import zgzSwustTable from 'zgz-swust-table'
import 'zgz-swust-table/dist/zgz-swust-table.css'

createApp(App).use(zgzSwustTable).mount('#app')

下载源码使用

如果您需要对于组件源码进行定制化修改，您下载我们的源码，然后在您的项目中引入我们的组件库，因为我们的组件库是基于vue开发的，所以所有的组件都是以标准的Vue文件存在的。 zgz-swust-table源码仓库地址

使用组件

我们将提供一个简单的使用示例，您只需要在vue文件中按照以下方式即可使用表格组件。

<template>
  <MyAdvancedTable
      :data="tableData"
  >
    <my-basic-table-column label="Id" prop="id"  />
    <my-basic-table-column label="姓名" prop="name" >
    </my-basic-table-column>
    <my-basic-table-column label="年龄" prop="age" >
    </my-basic-table-column>
  </MyAdvancedTable>
</template>
<script>
export default {
  data() {
    return {
      tableData: [
        // 你的数据
      ]
    }
  }
}
</script>