1. vue-smooth-big-table

vue-smooth-big-table

📣 简介

vue-smooth-big-table是一个基于vue的简单易理解的大数据量表格插件,完美解决大数据量渲染、滚动卡顿问题,且滚动动态加载数据时是平滑、无缝连接的

:star: demo演示

Watch the video

🔰 安装和引入方式

** 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