1.vue-easytable (基于vue2.x )
https://github.com/huangshuwei/vue-easytable
http://doc.huangsw.com/vue-easytable/app.html#/table
1 2 3 4 5 6 7 8 9 10 11 12 |
v1.7.1版本使用中遇到的问题: (1)动态渲染数据,或者关闭侧边栏等引起表格出现空白,解决方法是强制resize: <v-table ref="easyTable"></v-table> methods: { activated() { this.$refs.easyTable.resize() } } (2)当滚动条拖动到靠后的位置,点击分页的话,表头跟表体出现错位。 解决方法是在分页数据获取之前,将滚动条重置到最前面,再进行resize: document.getElementsByClassName('v-scrollbar-wrap')[0].scrollLeft = 0 |
2.vuetable-2 (基于Vue 2.x)
https://github.com/ratiw/vuetable-2
3.vue-tables-2
https://github.com/matfish2/vue-tables-2
4.vue-data-grid
https://lucienlee.github.io/vue-data-grid/#
https://github.com/LucienLee/vue-data-grid