teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

追記

2017/11/19 17:32

投稿

s8_chu
s8_chu

スコア14731

answer CHANGED
@@ -70,4 +70,77 @@
70
70
  </table>
71
71
  </body>
72
72
  </html>
73
+ ```
74
+ # 追記
75
+ ```HTML
76
+ <!DOCTYPE html>
77
+ <html lang="ja">
78
+ <head>
79
+ <meta charset="UTF-8">
80
+ <title>タイトル</title>
81
+ <style type="text/css">
82
+ table {
83
+ width: 100%;
84
+ table-layout: fixed;
85
+ }
86
+
87
+ th, td {
88
+ overflow-x: auto; /* 変更 */
89
+ }
90
+
91
+ td {
92
+ box-sizing: border-box;
93
+ border: 1px solid black;
94
+ }
95
+ </style>
96
+ </head>
97
+ <body>
98
+ <table>
99
+ <thead>
100
+ <tr>
101
+ <th>id</th>
102
+ <th>name</th>
103
+ <th>display_name</th>
104
+ <th>profile</th>
105
+ <th>mail_address</th>
106
+ <th>test</th>
107
+ </tr>
108
+ </thead>
109
+ <tbody>
110
+ <tr>
111
+ <td>1</td>
112
+ <td>test</td>
113
+ <td>test</td>
114
+ <td>test</td>
115
+ <td>test</td>
116
+ <td>test</td>
117
+ </tr>
118
+ <tr>
119
+ <td>2</td>
120
+ <td>test</td>
121
+ <td>test</td>
122
+ <td>test</td>
123
+ <td>test</td>
124
+ <td>test</td>
125
+ </tr>
126
+ <tr>
127
+ <td>3</td>
128
+ <td>test</td>
129
+ <td>test</td>
130
+ <td>test</td>
131
+ <td>test</td>
132
+ <td>test</td>
133
+ </tr>
134
+ <tr>
135
+ <td>4</td>
136
+ <td>test</td>
137
+ <td>test</td>
138
+ <td>test</td>
139
+ <td>test</td>
140
+ <td>test</td>
141
+ </tr>
142
+ </tbody>
143
+ </table>
144
+ </body>
145
+ </html>
73
146
  ```