• 复杂布局结构,树形组件集成表格组件,每个节点代表一行

    前言 本篇文章介绍一种比较复杂的排版方式,是一种树形组件集成了表格组件,树的每一个节点都具有一行配置。对比产品页面如下: 需求分析 看个这个页面,我们首先想到的是,一个树组件,和一个表格组件。如果要把右侧当成表格组件坐起来是比较复制的。因为涉及到树节点的折叠,对应的行也要折叠。所以最简单的办法是,模拟右侧的表格,将每一行写到树节点中。这样,折叠节点时,对应的行也相应被折叠。 代码实现 顶部的表头是一个单独的div实现,向右偏移。 左侧的树使用element-plus的树组件来展示。每一个节点应该…

    Node-RED 2023年2月17日
邮箱

cloud@modbus.cn

QQ
QQ
微信
微信
分享本页
返回顶部