526互联

视频直播源码，动态合并element-ui el-table列和行

发布时间 2023-06-05 14:10:30作者: 云豹科技-苏凌霄

视频直播源码，动态合并element-ui el-table列和行

HTML:

 


<template>
    <div>
        <el-table
         :data="tableData"
         show-summary
         :span-method="arraySpanMethod"
        style="width: 100%">
            <el-table-column
            v-for="(item,index) in dataHeader"
            :prop="item.children===undefined?item.prop:''"
            :label="item.label"
            :sortable="item.sortable?true:false"
            :key="index">
                <template v-if="item.children">
                    <el-table-column v-for="(child,indexChild) in item.children"
                    :prop="child.prop"
                    :label="child.label"
                    :sortable="item.child?true:false"
                    :key="indexChild">
                    </el-table-column>
                </template>
            </el-table-column>
        </el-table>
    </div>
</template>
 

​

style:

 


<style scoped>
.HeBingTable{
    
}
</style>

 

以上就是 视频直播源码，动态合并element-ui el-table列和行，更多内容欢迎关注之后的文章