我有一个包含 5 列的表,其中一列包含一些非常长的用户 ID(没有空格)。它不是将文本剪掉,而是展开该列以容纳所有内容,将其他列推到右侧并导致出现滚动条。
我已经研究了几个小时,试图找出如何修复宽度并阻止其溢出。我尝试将 MudTable 元素上的 table-layout 属性设置为 fixed ,并尝试使用 width:20%; 的变体;自动换行:换行;空白:nowrap;溢出:隐藏; text-overflow: ellipsis; 在我能想到的任何内容上,例如 col MudTd 等,但没有任何效果,甚至没有任何效果。
文档似乎根本没有涵盖溢出,这令人沮丧。设置 col 宽度效果很好,直到数据变得太长,并且设置 max-width 也没有帮助。
这似乎是 MudTable 中应该满足的问题,任何人都可以告诉我我做错了什么,或者建议修复吗?
这是我的桌子:
User ID Group ID Current Version Max Version Can Alter Night Forwarding Status @context.UserId @context.GroupId @context.CurrentVersion @context.MaxVersion @context.CanAlterNightForwardingStatus
非常感谢。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
试试这个。
overflow-wrap:break-word;max-width:200px;在您的行上。由于某种原因,
max-width需要设置为 > 0 值,但您可以在ColGroup样式中控制列的宽度。<RowTemplate> <MudTd DataLabel="Nr">@context.Number</MudTd> <MudTd DataLabel="Sign">@context.Sign</MudTd> <MudTd DataLabel="Name" Style="overflow-wrap:break-word;max-width:10px;">@context.Name</MudTd> <MudTd DataLabel="Position">@context.Position</MudTd> <MudTd DataLabel="Molar mass" Style="text-align:right">@context.Molar</MudTd> </RowTemplate>mudblazor 代码段