1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > element的table组件 表头合并(合并表头单元格)

element的table组件 表头合并(合并表头单元格)

时间:2020-05-30 08:51:49

相关推荐

element的table组件 表头合并(合并表头单元格)

在el-table-column里面写两个el-table-column,然后用header-cell-style将子表头隐藏

<el-table:data="tableData":span-method="objectSpanMethod"header-row-class-name="analyse-header"borderstyle="width: 100%":header-cell-style="handerMethod"><el-table-column label="序号"></el-table-column><el-table-column label="分析类型"></el-table-column><el-table-columnlabel="占用类型"align="center"class-name="type-column"><el-table-column label="其中" align="center" width="80"><template slot-scope="scope"><div v-if="scope.row.childId">其中</div><div v-else>{{ scope.row.type }}</div></template></el-table-column><el-table-column label="类型" align="center" prop="type"></el-table-column></el-table-column><el-table-column label="占用面积(公顷)"></el-table-column><el-table-column label="占比"></el-table-column></el-table>

隐藏表头

//隐藏表头handerMethod({rowIndex}){if (rowIndex === 1) {//这里为了是将第二列的表头隐藏,就形成了合并表头的效果return {display: 'none'}}},

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。