elementUI组件库table多级表头的应用

类似于这种多级表头

elementUI组件库table多级表头的应用_第1张图片

在elementUi组件库里是这样应用的:

实现方法:只需要在 el-table-column 里面嵌套 el-table-column,就可以实现多级表头。



里面有些属性看不懂的,请到elementui官网中查看(http://element-cn.eleme.io/#/zh-CN/component/table)

下面是我根据实际需求实现的。

第一:我们对表格应用很多,于是将表格写成父组件,然后子组件调用父组件

组件的编写:

      

其中TableOpt在props定义为TableOpt:Object

第二:在子组件中应用

 



在子组件中传值,即可实现

 

你可能感兴趣的:(vue,elementui)