モバイルで見たときに見出しとデータ部分がたてに並ぶデザイン

見出し1 テーブルデータ1
見出し2 テーブルデータ2
見出し3 テーブルデータ3

モバイルで見ると、見出し部分が非表示となり、テーブルデータの横に見出しが表示されるデザイン

見出し1 見出し2 見出し3
テーブルデータ1-1 テーブルデータ1-2 テーブルデータ1-3
テーブルデータ2-1 テーブルデータ2-2 テーブルデータ2-3
テーブルデータ3-1 テーブルデータ3-2 テーブルデータ3-3

モバイルで見た時もPCと同じように表示し、はみ出る部分をスライドすることで確認できるデザイン

項目名 項目名
項目名が入ります 項目内容 項目内容
項目名が入ります 項目内容 項目内容
項目名が入ります 項目内容 項目内容