开源软件名称：

vue-easytable

开源软件地址：

https://gitee.com/huangshuwei/vue-easytable

开源软件介绍：

vue-easytable

English | 中文

介绍

一个基于 Vue2.x 的表格组件

API & 文档

功能支持

基础组件

Table 组件

如果没有你想要的的功能，请告诉我们

安装

npm install vue-easytable

yarn add vue-easytable

使用

Write the following in mian.js：

import Vue from "vue";import "vue-easytable/libs/theme-default/index.css";import VueEasytable from "vue-easytable";Vue.use(VueEasytable);new Vue({  el: "#app",  render: (h) => h(App),});

Example:

<template>  <ve-table :columns="columns" :table-data="tableData" /></template><script>  export default {    data() {      return {        columns: [          { field: "name", key: "a", title: "Name", align: "center" },          { field: "date", key: "b", title: "Date", align: "left" },          { field: "hobby", key: "c", title: "Hobby", align: "right" },          { field: "address", key: "d", title: "Address" },        ],        tableData: [          {            name: "John",            date: "1900-05-20",            hobby: "coding and coding repeat",            address: "No.1 Century Avenue, Shanghai",          },          {            name: "Dickerson",            date: "1910-06-20",            hobby: "coding and coding repeat",            address: "No.1 Century Avenue, Beijing",          },          {            name: "Larsen",            date: "2000-07-20",            hobby: "coding and coding repeat",            address: "No.1 Century Avenue, Chongqing",          },          {            name: "Geneva",            date: "2010-08-20",            hobby: "coding and coding repeat",            address: "No.1 Century Avenue, Xiamen",          },          {            name: "Jami",            date: "2020-09-20",            hobby: "coding and coding repeat",            address: "No.1 Century Avenue, Shenzhen",          },        ],      };    },  };</script>