Mud Blazor MudTable の列がテキストに合わせて拡大されないようにする方法

Question

5 つの列を持つテーブルがあり、そのうちの 1 つに非常に長いユーザー ID (スペースなし) が含まれています。テキストを切り取るのではなく、すべてのコンテンツが収まるように列を拡張し、他の列を右に押してスクロールバーを表示させます。

私は幅を固定してオーバーフローを防ぐ方法を見つけるために何時間も研究してきました。 MudTable 要素の table-layout 属性を fixed に設定し、 width:20%;; ワードラップのバリエーションを使用してみました。 newline;whitespace:nowrap;overflow:hidden;text-overflow:ellipsis; col MudTd など、私が考えることができるものは何でもありますが、何も機能しません。何の効果もありません。

ドキュメントにはオーバーフローがまったく記載されていないようで、イライラさせられます。 col 幅の設定は、データが長すぎるまではうまく機能しますが、max-width の設定も役に立ちません。

これは、MudTable で解決されるべき問題のようです。誰かが私が間違っていることを教えてくれたり、修正を提案してもらえますか?

これは私のテーブルです:

リーリー ＃＃＃どうもありがとう。

Answer 1

＃＃＃これを試して。あなたの回線の

overflow-wrap:break-word;max-width:200px;。

何らかの理由で、

max-width は 0 より大きい値に設定する必要がありますが、列幅は ColGroup スタイルで制御できます。 リーリー

mudblazor コード スニペット