iView 是一套基于 Vue.js 的开源 UI 组件库,主要服务于 PC 界面的中后台产品。官方网址传送门。
本文是使用iView 的 Table 组件实现的简单表格功能,包括列筛选、排序,根据条件显示或隐藏列功能。这里只给出效果图和源代码,相关API官方已非常详尽,并提供了示例,这里不做过多说明。
实现效果:
动态表格
源代码:
显示斑马纹
显示边框
显示表头
表格大小
大
小
是否可选:
显示序号:
:stripe="isStripe"
:border="isBorder"
:show-header="isShowHeader"
:no-data-text="noDataText"
:no-filtered-data-text="noFilteredDataText"
:columns="computeCol"
:data="tableData"
:size="size"
/>
export default {
name: 'TableView',
data () {