在群组中为用户列表添加新列

开发
2

你好，欢迎来到 Meta :wave:
你可以使用 group-index-table-header-after-username 和 group-index-table-row-after-username 出口来在用户名列旁边插入一个标题/行。

例如：

image
image1104×334 23 KB

对于标题，你可以使用 TableHeaderToggle 组件。
对于行，你可以使用例如 <div>{{this.args.member}}</div> – 你可以通过 {{this.args.member}} 访问数据。

你需要修复网格 CSS 以包含新列。

.group-members--can-manage {
    grid-template-columns: 3fr repeat(5, minmax(min-content, 1fr)) 3em;
                                      ^
}

如果你想移动列，由于 display: contents 的存在，定位会有点棘手；但是，使用 order 可以奏效。

另外，你可能会在获取用户状态时遇到问题。在我的测试中，数据没有在 member 中反映出来，用户被暂停或静默（silencedTillDate 或 suspendedTillDate 未定义）。我不确定这里是否存在 bug。目前我还没有深入研究！

希望这能帮到你。

5 个赞