- 博客(4)
- 收藏
- 关注
原创 el-table实现表头嵌套、表头单元格合并、内容区域单元格实现同值自动跨行
先看效果图:最近要用Vue+ElementUI实现这种表格样式,因为也是第一次对el-table做这种处理,所以并不知晓是不是有更优的解决方案。把自己的代码放上来,欢迎大家提供更简单的实现方法哈。PS:红框内容:表头嵌套,通过el-table-column嵌套即可实现;蓝框内容:左侧为表头跨列;右侧为表头跨行。(右侧效果:如果用el-table-column嵌套,会造成"考试结果"占一行,"成绩"占两行。)我的方案有些繁琐,先通过header-cell-class-name设置class名,然后在
2021-01-30 18:24:09 2205
原创 javascript通过递归改子节点数据-用于层级深度未知的树形结构
最近在做这么个需求:树形结构,层级深度未知,一旦某个节点的状态是置灰的话,其所有子节点都要置灰。方案一(数据库有值):如果数据库里置灰节点的所有子节点,值也都是"置灰",那后台取数据时就会拿到这个字段,前台直接用就可以;方案二(后台手动赋值):如果后台在构建JSON数据的时候,把置灰节点的所有子节点都手动添加这个字段,前台也可以直接用;方案三(前台手动赋值):如果后台接口返回给前台的出参里,置灰节点的子节点都没标这个字段值,只能前台手动添加。以Vue+ElementUI为例,代码如下:
2021-01-27 23:22:30 675
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人