小さなデバイスのテーブルが応答しないことを確認します
データテーブルの仕様には、モバイルテーブルに関するガイダンスはありません。 レスポンシブテーブルを作成することは非常に困難であり、それを処理するための多くの可能な方法があります。
応答性の高いデータテーブルが必要な場合は、現時点で自分で実装する必要があります。
これはグーグルでの3番目の結果なので、私はいくつかのリンクをリストしますが:
これがその方法です。
秘密のソースは
table-layout:fixed;
数値が列の数が非常に少ない場合、これは正常に機能します。 この場合でも、データが重なることがあります。 より良い解決策は、材料テーブルに水平スクロールを与えるものです。
最も参考になるコメント
これがその方法です。
レスポンシブマテリアルデザインライト、MDL、テーブル
秘密のソースは
table-layout:fixed;