Mud Blazor MudTable 열이 텍스트에 맞게 확장되지 않도록 방지하는 방법
P粉212114661
P粉212114661 2023-12-27 11:05:27
0
1
412

5개의 열이 있는 테이블이 있는데 그 중 하나에는 매우 긴 사용자 ID(공백 없이)가 포함되어 있습니다. 텍스트를 잘라내는 대신 모든 내용을 수용할 수 있도록 열을 확장하고 다른 열을 오른쪽으로 밀어 스크롤 막대가 나타나게 합니다.

너비를 수정하고 넘치지 않게 하는 방법을 찾기 위해 몇 시간 동안 연구했습니다. MudTable 元素上的 table-layout 属性设置为 fixed ,并尝试使用 width:20%; 的变体;自动换行:换行;空白:nowrap;溢出:隐藏; text-overflow: ellipsis; 在我能想到的任何内容上,例如 col MudTd 등을 추가해 보았지만 아무 효과가 없었습니다. 그것도 마찬가지였습니다.

문서에서 오버플로를 전혀 다루지 않는 것 같아서 실망스럽습니다. col 宽度效果很好,直到数据变得太长,并且设置 max-width 설정도 도움이 되지 않습니다.

이것은 MudTable에서 해결해야 할 문제인 것 같습니다. 누구든지 내가 뭘 잘못하고 있는지 알려주거나 수정 사항을 제안할 수 있나요?

이것이 내 테이블입니다:

으아악

정말 감사합니다.

P粉212114661
P粉212114661

모든 응답(1)
P粉440453689

이것을 시도해 보세요. overflow-wrap:break-word;max-width:200px; 통화 중입니다.

뭔 이유인지 max-width 需要设置为 > 0 值,但您可以在 ColGroup는 스타일의 열 너비를 제어합니다.

으아아아

mudblazer 코드 조각

최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿