vue-smooth-big-table
📣 简介
vue-smooth-big-table是一个基于vue的简单易理解的大数据量表格插件,完美解决大数据量渲染、滚动卡顿问题,且滚动动态加载数据时是平滑、无缝连接的
:star: demo演示
🔰 安装和引入方式
** npm方式安装 **
// npm i vue-smooth-big-table -S
// npm引入方式 如下
// main.js
import vueSmoothBigTable from 'vue-smooth-big-table'
Vue.use(vueSmoothBigTable);
new Vue({
el: '#app',
render: h => h(App)
});
//demo.vue
<vue-smooth-big-table :tableList="dataTable" :columns="columns" :tdHeight="60" :tableBodyHeight="600"></vue-smooth-big-table>
📝 API
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
tableList | 表格数据 | Array | [] |
columns | 表格列的配置描述 | Array | [] |
tdHeight | 表格行高 | Number,String | 20 |
tableBodyHeight | 表格body部分高度 | Number,String | 400 |