質問編集履歴

2

追記

2020/02/05 04:29

投稿

miyawaki
miyawaki

スコア11

test CHANGED
File without changes
test CHANGED
@@ -6,31 +6,455 @@
6
6
 
7
7
  ```
8
8
 
9
- <thead>
10
-
11
- <tr class="table-title text-white">
12
-
13
- <th scope="col" rowspan="2">word1</th>
14
-
15
- <th scope="col" rowspan="2">word2</th>
16
-
17
- <th scope="col" rowspan="2">word3</th>
18
-
19
- <th scope="col">word4</th>
20
-
21
- <th scope="col">word5</th>
22
-
23
- <th scope="col">word6</th>
24
-
25
- <tr class="table-title text-white">
26
-
27
- <th scope="col">word7</th>
28
-
29
- <th scope="col" colspan="2">word8</th>
30
-
31
- </tr>
32
-
33
- </thead>
9
+
10
+
11
+ <table class="table table-border">
12
+
13
+ <thead>
14
+
15
+ <tr class="table-title text-white">
16
+
17
+ <th scope="col" rowspan="2">word1</th>
18
+
19
+ <th scope="col" rowspan="2">word2</th>
20
+
21
+ <th scope="col" rowspan="2">word3</th>
22
+
23
+ <th scope="col">word4</th>
24
+
25
+ <th scope="col">word5</th>
26
+
27
+ <th scope="col">word6</th>
28
+
29
+ </tr>
30
+
31
+ <tr class="table-title text-white">
32
+
33
+ <th scope="col">word7</th>
34
+
35
+ <th scope="col" colspan="2">word8</th>
36
+
37
+ </tr>
38
+
39
+ </thead>
40
+
41
+ <tbody>
42
+
43
+ <tr class="bg-gray">
44
+
45
+ <td height="80" class="py-0" rowspan="2">
46
+
47
+ <div class="but-area d-flex justify-content-around">
48
+
49
+ <button type="button" >選択</button>
50
+
51
+ </div>
52
+
53
+ </td>
54
+
55
+ <td height="80" class="py-0" id='AgentID' rowspan="2"></td>
56
+
57
+ <td height="80" class="py-0" id='AgentName' rowspan="2"></td>
58
+
59
+ <td height="40" class="py-0" id='OfficeName'></td>
60
+
61
+ <td height="40" class="py-0"></td>
62
+
63
+ <td height="40" class="py-0"></td>
64
+
65
+ </tr>
66
+
67
+ <tr class="bg-gray">
68
+
69
+ <td height="40" class="py-0"></td>
70
+
71
+ <td height="40" class="py-0" colspan="2"></td>
72
+
73
+ </tr>
74
+
75
+ <tr class="bg-gray">
76
+
77
+ <td height="80" class="py-0" rowspan="2">
78
+
79
+ <div class="but-area d-flex justify-content-around">
80
+
81
+ <button type="button" >選択</button>
82
+
83
+ </div>
84
+
85
+ </td>
86
+
87
+ <td height="80" class="py-0" id='AgentID' rowspan="2"></td>
88
+
89
+ <td height="80" class="py-0" id='AgentName' rowspan="2"></td>
90
+
91
+ <td height="40" class="py-0" id='OfficeName'></td>
92
+
93
+ <td height="40" class="py-0"></td>
94
+
95
+ <td height="40" class="py-0"></td>
96
+
97
+ </tr>
98
+
99
+ <tr class="bg-gray">
100
+
101
+ <td height="40" class="py-0"></td>
102
+
103
+ <td height="40" class="py-0" colspan="2"></td>
104
+
105
+ </tr>
106
+
107
+ <tr class="bg-gray">
108
+
109
+ <td height="80" class="py-0" rowspan="2">
110
+
111
+ <div class="but-area d-flex justify-content-around">
112
+
113
+ <button type="button" >選択</button>
114
+
115
+ </div>
116
+
117
+ </td>
118
+
119
+ <td height="80" class="py-0" id='AgentID' rowspan="2"></td>
120
+
121
+ <td height="80" class="py-0" id='AgentName' rowspan="2"></td>
122
+
123
+ <td height="40" class="py-0" id='OfficeName'></td>
124
+
125
+ <td height="40" class="py-0"></td>
126
+
127
+ <td height="40" class="py-0"></td>
128
+
129
+ </tr>
130
+
131
+ <tr class="bg-gray">
132
+
133
+ <td height="40" class="py-0"></td>
134
+
135
+ <td height="40" class="py-0" colspan="2"></td>
136
+
137
+ </tr>
138
+
139
+ <tr class="bg-gray">
140
+
141
+ <td height="80" class="py-0" rowspan="2">
142
+
143
+ <div class="but-area d-flex justify-content-around">
144
+
145
+ <button type="button" >選択</button>
146
+
147
+ </div>
148
+
149
+ </td>
150
+
151
+ <td height="80" class="py-0" id='AgentID' rowspan="2"></td>
152
+
153
+ <td height="80" class="py-0" id='AgentName' rowspan="2"></td>
154
+
155
+ <td height="40" class="py-0" id='OfficeName'></td>
156
+
157
+ <td height="40" class="py-0"></td>
158
+
159
+ <td height="40" class="py-0"></td>
160
+
161
+ </tr>
162
+
163
+ <tr class="bg-gray">
164
+
165
+ <td height="40" class="py-0"></td>
166
+
167
+ <td height="40" class="py-0" colspan="2"></td>
168
+
169
+ </tr>
170
+
171
+ <tr class="bg-gray">
172
+
173
+ <td height="80" class="py-0" rowspan="2">
174
+
175
+ <div class="but-area d-flex justify-content-around">
176
+
177
+ <button type="button" >選択</button>
178
+
179
+ </div>
180
+
181
+ </td>
182
+
183
+ <td height="80" class="py-0" id='AgentID' rowspan="2"></td>
184
+
185
+ <td height="80" class="py-0" id='AgentName' rowspan="2"></td>
186
+
187
+ <td height="40" class="py-0" id='OfficeName'></td>
188
+
189
+ <td height="40" class="py-0"></td>
190
+
191
+ <td height="40" class="py-0"></td>
192
+
193
+ </tr>
194
+
195
+ <tr class="bg-gray">
196
+
197
+ <td height="40" class="py-0"></td>
198
+
199
+ <td height="40" class="py-0" colspan="2"></td>
200
+
201
+ </tr>
202
+
203
+ <tr class="bg-gray">
204
+
205
+ <td height="80" class="py-0" rowspan="2">
206
+
207
+ <div class="but-area d-flex justify-content-around">
208
+
209
+ <button type="button" >選択</button>
210
+
211
+ </div>
212
+
213
+ </td>
214
+
215
+ <td height="80" class="py-0" id='AgentID' rowspan="2"></td>
216
+
217
+ <td height="80" class="py-0" id='AgentName' rowspan="2"></td>
218
+
219
+ <td height="40" class="py-0" id='OfficeName'></td>
220
+
221
+ <td height="40" class="py-0"></td>
222
+
223
+ <td height="40" class="py-0"></td>
224
+
225
+ </tr>
226
+
227
+ <tr class="bg-gray">
228
+
229
+ <td height="40" class="py-0"></td>
230
+
231
+ <td height="40" class="py-0" colspan="2"></td>
232
+
233
+ </tr>
234
+
235
+ <tr class="bg-gray">
236
+
237
+ <td height="80" class="py-0" rowspan="2">
238
+
239
+ <div class="but-area d-flex justify-content-around">
240
+
241
+ <button type="button" >選択</button>
242
+
243
+ </div>
244
+
245
+ </td>
246
+
247
+ <td height="80" class="py-0" id='AgentID' rowspan="2"></td>
248
+
249
+ <td height="80" class="py-0" id='AgentName' rowspan="2"></td>
250
+
251
+ <td height="40" class="py-0" id='OfficeName'></td>
252
+
253
+ <td height="40" class="py-0"></td>
254
+
255
+ <td height="40" class="py-0"></td>
256
+
257
+ </tr>
258
+
259
+ <tr class="bg-gray">
260
+
261
+ <td height="40" class="py-0"></td>
262
+
263
+ <td height="40" class="py-0" colspan="2"></td>
264
+
265
+ </tr>
266
+
267
+ <tr class="bg-gray">
268
+
269
+ <td height="80" class="py-0" rowspan="2">
270
+
271
+ <div class="but-area d-flex justify-content-around">
272
+
273
+ <button type="button" >選択</button>
274
+
275
+ </div>
276
+
277
+ </td>
278
+
279
+ <td height="80" class="py-0" id='AgentID' rowspan="2"></td>
280
+
281
+ <td height="80" class="py-0" id='AgentName' rowspan="2"></td>
282
+
283
+ <td height="40" class="py-0" id='OfficeName'></td>
284
+
285
+ <td height="40" class="py-0"></td>
286
+
287
+ <td height="40" class="py-0"></td>
288
+
289
+ </tr>
290
+
291
+ <tr class="bg-gray">
292
+
293
+ <td height="40" class="py-0"></td>
294
+
295
+ <td height="40" class="py-0" colspan="2"></td>
296
+
297
+ </tr>
298
+
299
+ <tr class="bg-gray">
300
+
301
+ <td height="80" class="py-0" rowspan="2">
302
+
303
+ <div class="but-area d-flex justify-content-around">
304
+
305
+ <button type="button" >選択</button>
306
+
307
+ </div>
308
+
309
+ </td>
310
+
311
+ <td height="80" class="py-0" id='AgentID' rowspan="2"></td>
312
+
313
+ <td height="80" class="py-0" id='AgentName' rowspan="2"></td>
314
+
315
+ <td height="40" class="py-0" id='OfficeName'></td>
316
+
317
+ <td height="40" class="py-0"></td>
318
+
319
+ <td height="40" class="py-0"></td>
320
+
321
+ </tr>
322
+
323
+ <tr class="bg-gray">
324
+
325
+ <td height="40" class="py-0"></td>
326
+
327
+ <td height="40" class="py-0" colspan="2"></td>
328
+
329
+ </tr>
330
+
331
+ <tr class="bg-gray">
332
+
333
+ <td height="80" class="py-0" rowspan="2">
334
+
335
+ <div class="but-area d-flex justify-content-around">
336
+
337
+ <button type="button" >選択</button>
338
+
339
+ </div>
340
+
341
+ </td>
342
+
343
+ <td height="80" class="py-0" id='AgentID' rowspan="2"></td>
344
+
345
+ <td height="80" class="py-0" id='AgentName' rowspan="2"></td>
346
+
347
+ <td height="40" class="py-0" id='OfficeName'></td>
348
+
349
+ <td height="40" class="py-0"></td>
350
+
351
+ <td height="40" class="py-0"></td>
352
+
353
+ </tr>
354
+
355
+ <tr class="bg-gray">
356
+
357
+ <td height="40" class="py-0"></td>
358
+
359
+ <td height="40" class="py-0" colspan="2"></td>
360
+
361
+ </tr>
362
+
363
+ <tr class="bg-gray">
364
+
365
+ <td height="80" class="py-0" rowspan="2">
366
+
367
+ <div class="but-area d-flex justify-content-around">
368
+
369
+ <button type="button" >選択</button>
370
+
371
+ </div>
372
+
373
+ </td>
374
+
375
+ <td height="80" class="py-0" id='AgentID' rowspan="2"></td>
376
+
377
+ <td height="80" class="py-0" id='AgentName' rowspan="2"></td>
378
+
379
+ <td height="40" class="py-0" id='OfficeName'></td>
380
+
381
+ <td height="40" class="py-0"></td>
382
+
383
+ <td height="40" class="py-0"></td>
384
+
385
+ </tr>
386
+
387
+ </tbody>
388
+
389
+ </table>
390
+
391
+
392
+
393
+ <style>
394
+
395
+
396
+
397
+ .table-title {
398
+
399
+ height: 40px !important;
400
+
401
+ }
402
+
403
+ .table-title th {
404
+
405
+ padding: 0 !important;
406
+
407
+ }
408
+
409
+ .table thead th {
410
+
411
+ border-top: 0;
412
+
413
+ border-bottom: 0;
414
+
415
+ }
416
+
417
+ .table th {
418
+
419
+ background-color: #707070;
420
+
421
+ text-align: center;
422
+
423
+ padding: 10px 0;
424
+
425
+ font-weight: normal;
426
+
427
+ }
428
+
429
+ thead tr th {
430
+
431
+ position: sticky;
432
+
433
+ top: 0;
434
+
435
+ }
436
+
437
+ .table td,
438
+
439
+ .table th {
440
+
441
+ vertical-align: middle !important;
442
+
443
+ }
444
+
445
+ .table-border td,
446
+
447
+ .table-border th {
448
+
449
+ border: 1px solid #707070;
450
+
451
+ }
452
+
453
+
454
+
455
+ </style>
456
+
457
+
34
458
 
35
459
  ```
36
460
 
@@ -63,3 +487,11 @@
63
487
  ご存知の方、教えてくださると幸いです。
64
488
 
65
489
  よろしくお願いいたします。
490
+
491
+
492
+
493
+ 【追記】
494
+
495
+ ブラウザ:chromeです。
496
+
497
+ よろしくお願いいたします。

1

誤字

2020/02/05 04:29

投稿

miyawaki
miyawaki

スコア11

test CHANGED
File without changes
test CHANGED
@@ -22,7 +22,7 @@
22
22
 
23
23
  <th scope="col">word6</th>
24
24
 
25
- <tr class="table-title text-white row2">
25
+ <tr class="table-title text-white">
26
26
 
27
27
  <th scope="col">word7</th>
28
28