Mud Blazor MudTable の列がテキストに合わせて拡大されないようにする方法
P粉212114661
P粉212114661 2023-12-27 11:05:27
0
1
444

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

私は幅を固定してオーバーフローを防ぐ方法を見つけるために何時間も研究してきました。 MudTable 要素の table-layout 属性を fixed に設定し、 width:20%;; ワードラップのバリエーションを使用してみました。 newline;whitespace:nowrap;overflow:hidden;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 スタイルで制御できます。 リーリー

mudblazor コード スニペット

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート