Geeker-Admin
Geeker-Admin copied to clipboard
Protable使用树状数据时第一列数据不能对齐
上图是官方给的例子,自己实际测试也是这样,展开图标在最前面,文字是对齐的。
上图是protable的样式。展开图标和文字对齐了,导致不协调。
这个是老问题了,陈年旧账
想问一下,这个问题解决了吗?
缺少了table__placeholder,手动补一下,用插槽或者渲染函数,在实际的内容之前添加
<span class="el-table__placeholder" v-if="!row.children"></span>
缺少了table__placeholder,手动补一下,用插槽或者渲染函数,在实际的内容之前添加
<span class="el-table__placeholder" v-if="!row.children"></span>
这样的话,多级树除了第一级之外的节点又会多了空白占位,还得在/src/styles/element.scss
里增加:
.el-table__placeholder + .el-table__placeholder {
display: none;
}
缺少了table__placeholder,手动补一下,用插槽或者渲染函数,在实际的内容之前添加
<span class="el-table__placeholder" v-if="!row.children"></span>
这样的话,多级树除了第一级之外的节点又会多了空白占位,还得在
/src/styles/element.scss
里增加:.el-table__placeholder + .el-table__placeholder { display: none; }
上面的方案有个缺陷就是在所有的行都没子节点的情况下,会多一个空格,给人的感觉就是整体缩进了一个空格
缺少了table__placeholder,手动补一下,用插槽或者渲染函数,在实际的内容之前添加
<span class="el-table__placeholder" v-if="!row.children"></span>
这样的话,多级树除了第一级之外的节点又会多了空白占位,还得在
/src/styles/element.scss
里增加:.el-table__placeholder + .el-table__placeholder { display: none; }
上面的方案有个缺陷就是在所有的行都没子节点的情况下,会多一个空格,给人的感觉就是整体缩进了一个空格
v-if="!row.children" 改成 v-if="!row.children && row.children > 0" 这样就可以了。总之,这个占位节点只在有子节点的时候才显示就达到了目的。