回答編集履歴

1

追記

2017/11/19 17:32

投稿

s8_chu
s8_chu

スコア14731

test CHANGED
@@ -143,3 +143,149 @@
143
143
  </html>
144
144
 
145
145
  ```
146
+
147
+ # 追記
148
+
149
+ ```HTML
150
+
151
+ <!DOCTYPE html>
152
+
153
+ <html lang="ja">
154
+
155
+ <head>
156
+
157
+ <meta charset="UTF-8">
158
+
159
+ <title>タイトル</title>
160
+
161
+ <style type="text/css">
162
+
163
+ table {
164
+
165
+ width: 100%;
166
+
167
+ table-layout: fixed;
168
+
169
+ }
170
+
171
+
172
+
173
+ th, td {
174
+
175
+ overflow-x: auto; /* 変更 */
176
+
177
+ }
178
+
179
+
180
+
181
+ td {
182
+
183
+ box-sizing: border-box;
184
+
185
+ border: 1px solid black;
186
+
187
+ }
188
+
189
+ </style>
190
+
191
+ </head>
192
+
193
+ <body>
194
+
195
+ <table>
196
+
197
+ <thead>
198
+
199
+ <tr>
200
+
201
+ <th>id</th>
202
+
203
+ <th>name</th>
204
+
205
+ <th>display_name</th>
206
+
207
+ <th>profile</th>
208
+
209
+ <th>mail_address</th>
210
+
211
+ <th>test</th>
212
+
213
+ </tr>
214
+
215
+ </thead>
216
+
217
+ <tbody>
218
+
219
+ <tr>
220
+
221
+ <td>1</td>
222
+
223
+ <td>test</td>
224
+
225
+ <td>test</td>
226
+
227
+ <td>test</td>
228
+
229
+ <td>test</td>
230
+
231
+ <td>test</td>
232
+
233
+ </tr>
234
+
235
+ <tr>
236
+
237
+ <td>2</td>
238
+
239
+ <td>test</td>
240
+
241
+ <td>test</td>
242
+
243
+ <td>test</td>
244
+
245
+ <td>test</td>
246
+
247
+ <td>test</td>
248
+
249
+ </tr>
250
+
251
+ <tr>
252
+
253
+ <td>3</td>
254
+
255
+ <td>test</td>
256
+
257
+ <td>test</td>
258
+
259
+ <td>test</td>
260
+
261
+ <td>test</td>
262
+
263
+ <td>test</td>
264
+
265
+ </tr>
266
+
267
+ <tr>
268
+
269
+ <td>4</td>
270
+
271
+ <td>test</td>
272
+
273
+ <td>test</td>
274
+
275
+ <td>test</td>
276
+
277
+ <td>test</td>
278
+
279
+ <td>test</td>
280
+
281
+ </tr>
282
+
283
+ </tbody>
284
+
285
+ </table>
286
+
287
+ </body>
288
+
289
+ </html>
290
+
291
+ ```