問題タブ [mat-table]

質問する

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

663 問題
Newest
Active
Bountied
318
Unanswered
0 投票する
1 に答える
3165 参照

css - 入力が含まれている場合、mat-table列の幅が変わらない

データの表示とデータの受信の両方を行う Angular コンポーネントを作成しようとしています。入力タイプのフォーム フィールドと {{element.value}} を使用した通常のデータ表示を含むマット テーブルを作成しました。そして、次のように各列の幅をさまざまに設定しました。

私の問題は、入力モードを使用すると、列の幅が正しく設定されないことです。一方、出力モードは次の図に示すように正しく機能します。 2つのテーブルが並んでいます

私は情報をカバーしなければなりませんでしたが、右側は一種のランダムな幅を持つ最初の列の入力モードで、左側は幅が正しく設定された出力モードです。

私のコンポーネントのコード:

私のコンポーネントのCSS :

他のものと同じように、入力を含むテーブルの最初の列のサイズを設定するにはどうすればよいですか?


12345678910