Protable使用树状数据时第一列数据不能对齐

[ayerswu]

上图是官方给的例子，自己实际测试也是这样，展开图标在最前面，文字是对齐的。

上图是protable的样式。展开图标和文字对齐了，导致不协调。

[tlerbao]

这个是老问题了，陈年旧账

[sunnyguohua]

想问一下，这个问题解决了吗？

[mynetfan]

缺少了table__placeholder，手动补一下，用插槽或者渲染函数，在实际的内容之前添加

<span class="el-table__placeholder" v-if="!row.children"></span>

[mynetfan]

缺少了table__placeholder，手动补一下，用插槽或者渲染函数，在实际的内容之前添加

<span class="el-table__placeholder" v-if="!row.children"></span>

这样的话，多级树除了第一级之外的节点又会多了空白占位，还得在/src/styles/element.scss里增加：

.el-table__placeholder + .el-table__placeholder {
    display: none;
}

[ayerswu]

缺少了table__placeholder，手动补一下，用插槽或者渲染函数，在实际的内容之前添加

<span class="el-table__placeholder" v-if="!row.children"></span>

这样的话，多级树除了第一级之外的节点又会多了空白占位，还得在/src/styles/element.scss里增加：

.el-table__placeholder + .el-table__placeholder {
    display: none;
}

上面的方案有个缺陷就是在所有的行都没子节点的情况下，会多一个空格，给人的感觉就是整体缩进了一个空格

[mynetfan]

缺少了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" 这样就可以了。总之，这个占位节点只在有子节点的时候才显示就达到了目的。