Vue-JD-Table
made with Vuejs

Vue-JD-Table

这是一个数据表组件

简介及使用教程

JD-Table是基于Vue.js的数据表组件,功能丰富且能够处理大数据,用于集成到具有各种需求的应用程序中。功能包括和虚拟滚动样式的分页一样的传统分页、搜索、过滤、最大化、excel导出、视图、列操作等。

JD-Table是使用Vue CLI构建的,可通过NPM导入。因为使用了ES5 / 6功能,需要导入polyfill才能与IE11兼容。

该项目会根据不同客户对数据表的需求截然不同的需求来开发。

安装

Npm

npm i --save-dev vue-jd-table

npm i --save-dev @fortawesome/fontawesome-free

浏览器

  1. 引入以下文件
  • ./dist/jd-table.min.js
  • ./dist/jd-table.min.css
  1. 引入 fontawesome-free

使用

全局

import Vue     from 'vue';
import JDTable from 'vue-jd-table';

import "@fortawesome/fontawesome-free/css/all.min.css";
import 'vue-jd-table/dist/jd-table.min.css';

Vue.component( 'jdtable',JDTable );

使用组件

   <JDTable
        :option                 = "tableOptions"
        :loader                 = "tableLoader"
        :event-from-app         = "eventFromApp"
        :event-from-app-trigger = "eventFromAppTrigger"
        @event-from-jd-table    = "processEventFromApp( $event )"
    />

示例

image.png

image.png

作者

James Druhan

相关项目

这是一个具有Spreadsheet外观的Vue数据表格组件。
这是一个基于Bootstrap的可扩展的表格组件。
这是一个基于Vue的表格框架。
这是一个基于Vue.js的数据表格组件。
这是一个数据网格库。
这是一个具有自定义过滤和排序功能的数据表格组件。