質問編集履歴

4

CSSソースコードの追加

2018/11/26 08:11

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -24,6 +24,458 @@
24
24
 
25
25
 
26
26
 
27
+ 恐らくこのcssを変更すればOKだと思うのですが
28
+
29
+ どこをどう変更して良いか分からない状態です。
30
+
31
+ ```
32
+
33
+ /*
34
+
35
+ * This combined file was created by the DataTables downloader builder:
36
+
37
+ * https://datatables.net/download
38
+
39
+ *
40
+
41
+ * To rebuild or modify this file with the latest versions of the included
42
+
43
+ * software please visit:
44
+
45
+ * https://datatables.net/download/#bs4/dt-1.10.18
46
+
47
+ *
48
+
49
+ * Included libraries:
50
+
51
+ * DataTables 1.10.18
52
+
53
+ */
54
+
55
+
56
+
57
+ table.dataTable {
58
+
59
+ clear: both;
60
+
61
+ margin-top: 6px !important;
62
+
63
+ margin-bottom: 6px !important;
64
+
65
+ max-width: none !important;
66
+
67
+ border-collapse: separate !important;
68
+
69
+ border-spacing: 0;
70
+
71
+ }
72
+
73
+ table.dataTable td,
74
+
75
+ table.dataTable th {
76
+
77
+ -webkit-box-sizing: content-box;
78
+
79
+ box-sizing: content-box;
80
+
81
+ }
82
+
83
+ table.dataTable td.dataTables_empty,
84
+
85
+ table.dataTable th.dataTables_empty {
86
+
87
+ text-align: center;
88
+
89
+ }
90
+
91
+ table.dataTable.nowrap th,
92
+
93
+ table.dataTable.nowrap td {
94
+
95
+ white-space: nowrap;
96
+
97
+ }
98
+
99
+
100
+
101
+ div.dataTables_wrapper div.dataTables_length label {
102
+
103
+ font-weight: normal;
104
+
105
+ text-align: left;
106
+
107
+ white-space: nowrap;
108
+
109
+ }
110
+
111
+ div.dataTables_wrapper div.dataTables_length select {
112
+
113
+ width: auto;
114
+
115
+ display: inline-block;
116
+
117
+ }
118
+
119
+ div.dataTables_wrapper div.dataTables_filter {
120
+
121
+ text-align: left;
122
+
123
+ }
124
+
125
+ div.dataTables_wrapper div.dataTables_filter label {
126
+
127
+ font-weight: normal;
128
+
129
+ white-space: nowrap;
130
+
131
+ text-align: left;
132
+
133
+ }
134
+
135
+ div.dataTables_wrapper div.dataTables_filter input {
136
+
137
+ margin-left: 0.5em;
138
+
139
+ display: inline-block;
140
+
141
+ width: auto;
142
+
143
+ }
144
+
145
+ div.dataTables_wrapper div.dataTables_info {
146
+
147
+ padding-top: 0.85em;
148
+
149
+ white-space: nowrap;
150
+
151
+ }
152
+
153
+ div.dataTables_wrapper div.dataTables_paginate {
154
+
155
+ margin: 0;
156
+
157
+ white-space: nowrap;
158
+
159
+ text-align: right;
160
+
161
+ }
162
+
163
+ div.dataTables_wrapper div.dataTables_paginate ul.pagination {
164
+
165
+ margin: 2px 0;
166
+
167
+ white-space: nowrap;
168
+
169
+ justify-content: flex-end;
170
+
171
+ }
172
+
173
+ div.dataTables_wrapper div.dataTables_processing {
174
+
175
+ position: absolute;
176
+
177
+ top: 50%;
178
+
179
+ left: 50%;
180
+
181
+ width: 200px;
182
+
183
+ margin-left: -100px;
184
+
185
+ margin-top: -26px;
186
+
187
+ text-align: center;
188
+
189
+ padding: 1em 0;
190
+
191
+ }
192
+
193
+
194
+
195
+ table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting,
196
+
197
+ table.dataTable thead > tr > td.sorting_asc,
198
+
199
+ table.dataTable thead > tr > td.sorting_desc,
200
+
201
+ table.dataTable thead > tr > td.sorting {
202
+
203
+ padding-right: 30px;
204
+
205
+ }
206
+
207
+ table.dataTable thead > tr > th:active,
208
+
209
+ table.dataTable thead > tr > td:active {
210
+
211
+ outline: none;
212
+
213
+ }
214
+
215
+ table.dataTable thead .sorting,
216
+
217
+ table.dataTable thead .sorting_asc,
218
+
219
+ table.dataTable thead .sorting_desc,
220
+
221
+ table.dataTable thead .sorting_asc_disabled,
222
+
223
+ table.dataTable thead .sorting_desc_disabled {
224
+
225
+ cursor: pointer;
226
+
227
+ position: relative;
228
+
229
+ }
230
+
231
+ table.dataTable thead .sorting:before, table.dataTable thead .sorting:after,
232
+
233
+ table.dataTable thead .sorting_asc:before,
234
+
235
+ table.dataTable thead .sorting_asc:after,
236
+
237
+ table.dataTable thead .sorting_desc:before,
238
+
239
+ table.dataTable thead .sorting_desc:after,
240
+
241
+ table.dataTable thead .sorting_asc_disabled:before,
242
+
243
+ table.dataTable thead .sorting_asc_disabled:after,
244
+
245
+ table.dataTable thead .sorting_desc_disabled:before,
246
+
247
+ table.dataTable thead .sorting_desc_disabled:after {
248
+
249
+ position: absolute;
250
+
251
+ bottom: 0.9em;
252
+
253
+ display: block;
254
+
255
+ opacity: 0.3;
256
+
257
+ }
258
+
259
+ table.dataTable thead .sorting:before,
260
+
261
+ table.dataTable thead .sorting_asc:before,
262
+
263
+ table.dataTable thead .sorting_desc:before,
264
+
265
+ table.dataTable thead .sorting_asc_disabled:before,
266
+
267
+ table.dataTable thead .sorting_desc_disabled:before {
268
+
269
+ right: 1em;
270
+
271
+ content: "\25B2";
272
+
273
+ }
274
+
275
+ table.dataTable thead .sorting:after,
276
+
277
+ table.dataTable thead .sorting_asc:after,
278
+
279
+ table.dataTable thead .sorting_desc:after,
280
+
281
+ table.dataTable thead .sorting_asc_disabled:after,
282
+
283
+ table.dataTable thead .sorting_desc_disabled:after {
284
+
285
+ right: 0.1em;
286
+
287
+ content: "\25BC";
288
+
289
+ }
290
+
291
+ table.dataTable thead .sorting_asc:before,
292
+
293
+ table.dataTable thead .sorting_desc:after {
294
+
295
+ opacity: 1;
296
+
297
+ }
298
+
299
+ table.dataTable thead .sorting_asc_disabled:before,
300
+
301
+ table.dataTable thead .sorting_desc_disabled:after {
302
+
303
+ opacity: 0;
304
+
305
+ }
306
+
307
+
308
+
309
+ div.dataTables_scrollHead table.dataTable {
310
+
311
+ margin-bottom: 0 !important;
312
+
313
+ }
314
+
315
+
316
+
317
+ div.dataTables_scrollBody table {
318
+
319
+ border-top: none;
320
+
321
+ margin-top: 0 !important;
322
+
323
+ margin-bottom: 0 !important;
324
+
325
+ }
326
+
327
+ div.dataTables_scrollBody table thead .sorting:before,
328
+
329
+ div.dataTables_scrollBody table thead .sorting_asc:before,
330
+
331
+ div.dataTables_scrollBody table thead .sorting_desc:before,
332
+
333
+ div.dataTables_scrollBody table thead .sorting:after,
334
+
335
+ div.dataTables_scrollBody table thead .sorting_asc:after,
336
+
337
+ div.dataTables_scrollBody table thead .sorting_desc:after {
338
+
339
+ display: none;
340
+
341
+ }
342
+
343
+ div.dataTables_scrollBody table tbody tr:first-child th,
344
+
345
+ div.dataTables_scrollBody table tbody tr:first-child td {
346
+
347
+ border-top: none;
348
+
349
+ }
350
+
351
+
352
+
353
+ div.dataTables_scrollFoot > .dataTables_scrollFootInner {
354
+
355
+ box-sizing: content-box;
356
+
357
+ }
358
+
359
+ div.dataTables_scrollFoot > .dataTables_scrollFootInner > table {
360
+
361
+ margin-top: 0 !important;
362
+
363
+ border-top: none;
364
+
365
+ }
366
+
367
+
368
+
369
+ @media screen and (max-width: 767px) {
370
+
371
+ div.dataTables_wrapper div.dataTables_length,
372
+
373
+ div.dataTables_wrapper div.dataTables_filter,
374
+
375
+ div.dataTables_wrapper div.dataTables_info,
376
+
377
+ div.dataTables_wrapper div.dataTables_paginate {
378
+
379
+ text-align: center;
380
+
381
+ }
382
+
383
+ }
384
+
385
+ table.dataTable.table-sm > thead > tr > th {
386
+
387
+ padding-right: 20px;
388
+
389
+ }
390
+
391
+ table.dataTable.table-sm .sorting:before,
392
+
393
+ table.dataTable.table-sm .sorting_asc:before,
394
+
395
+ table.dataTable.table-sm .sorting_desc:before {
396
+
397
+ top: 5px;
398
+
399
+ right: 0.85em;
400
+
401
+ }
402
+
403
+ table.dataTable.table-sm .sorting:after,
404
+
405
+ table.dataTable.table-sm .sorting_asc:after,
406
+
407
+ table.dataTable.table-sm .sorting_desc:after {
408
+
409
+ top: 5px;
410
+
411
+ }
412
+
413
+
414
+
415
+ table.table-bordered.dataTable th,
416
+
417
+ table.table-bordered.dataTable td {
418
+
419
+ border-left-width: 0;
420
+
421
+ }
422
+
423
+ table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child,
424
+
425
+ table.table-bordered.dataTable td:last-child,
426
+
427
+ table.table-bordered.dataTable td:last-child {
428
+
429
+ border-right-width: 0;
430
+
431
+ }
432
+
433
+ table.table-bordered.dataTable tbody th,
434
+
435
+ table.table-bordered.dataTable tbody td {
436
+
437
+ border-bottom-width: 0;
438
+
439
+ }
440
+
441
+
442
+
443
+ div.dataTables_scrollHead table.table-bordered {
444
+
445
+ border-bottom-width: 0;
446
+
447
+ }
448
+
449
+
450
+
451
+ div.table-responsive > div.dataTables_wrapper > div.row {
452
+
453
+ margin: 0;
454
+
455
+ }
456
+
457
+ div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:first-child {
458
+
459
+ padding-left: 0;
460
+
461
+ }
462
+
463
+ div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:last-child {
464
+
465
+ padding-right: 0;
466
+
467
+ }
468
+
469
+
470
+
471
+
472
+
473
+
474
+
475
+ ```
476
+
477
+
478
+
27
479
  以上ですが
28
480
 
29
481
  宜しくお願い致します。

3

ソースコードを外した

2018/11/26 08:11

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -5,10 +5,6 @@
5
5
  出来ずに困っています。
6
6
 
7
7
 
8
-
9
- datatables.cssを変更すればよい事は解ったのですが
10
-
11
- どう変更したらよいのか分かりません
12
8
 
13
9
  やりたい事としては
14
10
 
@@ -22,457 +18,11 @@
22
18
 
23
19
  ⑤フッター部の「前12次」の箇所の位置の変更
24
20
 
25
- ![イメージ説明](9afe2b13253d1b8ce2c205b780a57d1d.jpeg)
21
+ ![以下画像番号順](9afe2b13253d1b8ce2c205b780a57d1d.jpeg)
26
22
 
27
23
  です。
28
24
 
29
25
 
30
-
31
- datatables.cssのコードは以下の通りです。
32
-
33
- ```/*
34
-
35
- * This combined file was created by the DataTables downloader builder:
36
-
37
- * https://datatables.net/download
38
-
39
- *
40
-
41
- * To rebuild or modify this file with the latest versions of the included
42
-
43
- * software please visit:
44
-
45
- * https://datatables.net/download/#bs4/dt-1.10.18
46
-
47
- *
48
-
49
- * Included libraries:
50
-
51
- * DataTables 1.10.18
52
-
53
- */
54
-
55
-
56
-
57
- table.dataTable {
58
-
59
- clear: both;
60
-
61
- margin-top: 6px !important;
62
-
63
- margin-bottom: 6px !important;
64
-
65
- max-width: none !important;
66
-
67
- border-collapse: separate !important;
68
-
69
- border-spacing: 0;
70
-
71
- }
72
-
73
- table.dataTable td,
74
-
75
- table.dataTable th {
76
-
77
- -webkit-box-sizing: content-box;
78
-
79
- box-sizing: content-box;
80
-
81
- }
82
-
83
- table.dataTable td.dataTables_empty,
84
-
85
- table.dataTable th.dataTables_empty {
86
-
87
- text-align: center;
88
-
89
- }
90
-
91
- table.dataTable.nowrap th,
92
-
93
- table.dataTable.nowrap td {
94
-
95
- white-space: nowrap;
96
-
97
- }
98
-
99
-
100
-
101
- div.dataTables_wrapper div.dataTables_length label {
102
-
103
- font-weight: normal;
104
-
105
- text-align: left;
106
-
107
- white-space: nowrap;
108
-
109
- }
110
-
111
- div.dataTables_wrapper div.dataTables_length select {
112
-
113
- width: auto;
114
-
115
- display: inline-block;
116
-
117
- }
118
-
119
- div.dataTables_wrapper div.dataTables_filter {
120
-
121
- text-align: left;
122
-
123
- }
124
-
125
- div.dataTables_wrapper div.dataTables_filter label {
126
-
127
- font-weight: normal;
128
-
129
- white-space: nowrap;
130
-
131
- text-align: left;
132
-
133
- }
134
-
135
- div.dataTables_wrapper div.dataTables_filter input {
136
-
137
- margin-left: 0.5em;
138
-
139
- display: inline-block;
140
-
141
- width: auto;
142
-
143
- }
144
-
145
- div.dataTables_wrapper div.dataTables_info {
146
-
147
- padding-top: 0.85em;
148
-
149
- white-space: nowrap;
150
-
151
- }
152
-
153
- div.dataTables_wrapper div.dataTables_paginate {
154
-
155
- margin: 0;
156
-
157
- white-space: nowrap;
158
-
159
- text-align: right;
160
-
161
- }
162
-
163
- div.dataTables_wrapper div.dataTables_paginate ul.pagination {
164
-
165
- margin: 2px 0;
166
-
167
- white-space: nowrap;
168
-
169
- justify-content: flex-end;
170
-
171
- }
172
-
173
- div.dataTables_wrapper div.dataTables_processing {
174
-
175
- position: absolute;
176
-
177
- top: 50%;
178
-
179
- left: 50%;
180
-
181
- width: 200px;
182
-
183
- margin-left: -100px;
184
-
185
- margin-top: -26px;
186
-
187
- text-align: center;
188
-
189
- padding: 1em 0;
190
-
191
- }
192
-
193
-
194
-
195
- table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting,
196
-
197
- table.dataTable thead > tr > td.sorting_asc,
198
-
199
- table.dataTable thead > tr > td.sorting_desc,
200
-
201
- table.dataTable thead > tr > td.sorting {
202
-
203
- padding-right: 30px;
204
-
205
- }
206
-
207
- table.dataTable thead > tr > th:active,
208
-
209
- table.dataTable thead > tr > td:active {
210
-
211
- outline: none;
212
-
213
- }
214
-
215
- table.dataTable thead .sorting,
216
-
217
- table.dataTable thead .sorting_asc,
218
-
219
- table.dataTable thead .sorting_desc,
220
-
221
- table.dataTable thead .sorting_asc_disabled,
222
-
223
- table.dataTable thead .sorting_desc_disabled {
224
-
225
- cursor: pointer;
226
-
227
- position: relative;
228
-
229
- }
230
-
231
- table.dataTable thead .sorting:before, table.dataTable thead .sorting:after,
232
-
233
- table.dataTable thead .sorting_asc:before,
234
-
235
- table.dataTable thead .sorting_asc:after,
236
-
237
- table.dataTable thead .sorting_desc:before,
238
-
239
- table.dataTable thead .sorting_desc:after,
240
-
241
- table.dataTable thead .sorting_asc_disabled:before,
242
-
243
- table.dataTable thead .sorting_asc_disabled:after,
244
-
245
- table.dataTable thead .sorting_desc_disabled:before,
246
-
247
- table.dataTable thead .sorting_desc_disabled:after {
248
-
249
- position: absolute;
250
-
251
- bottom: 0.9em;
252
-
253
- display: block;
254
-
255
- opacity: 0.3;
256
-
257
- }
258
-
259
- table.dataTable thead .sorting:before,
260
-
261
- table.dataTable thead .sorting_asc:before,
262
-
263
- table.dataTable thead .sorting_desc:before,
264
-
265
- table.dataTable thead .sorting_asc_disabled:before,
266
-
267
- table.dataTable thead .sorting_desc_disabled:before {
268
-
269
- right: 1em;
270
-
271
- content: "\2191";
272
-
273
- }
274
-
275
- table.dataTable thead .sorting:after,
276
-
277
- table.dataTable thead .sorting_asc:after,
278
-
279
- table.dataTable thead .sorting_desc:after,
280
-
281
- table.dataTable thead .sorting_asc_disabled:after,
282
-
283
- table.dataTable thead .sorting_desc_disabled:after {
284
-
285
- right: 0.5em;
286
-
287
- content: "\2193";
288
-
289
- }
290
-
291
- table.dataTable thead .sorting_asc:before,
292
-
293
- table.dataTable thead .sorting_desc:after {
294
-
295
- opacity: 1;
296
-
297
- }
298
-
299
- table.dataTable thead .sorting_asc_disabled:before,
300
-
301
- table.dataTable thead .sorting_desc_disabled:after {
302
-
303
- opacity: 0;
304
-
305
- }
306
-
307
-
308
-
309
- div.dataTables_scrollHead table.dataTable {
310
-
311
- margin-bottom: 0 !important;
312
-
313
- }
314
-
315
-
316
-
317
- div.dataTables_scrollBody table {
318
-
319
- border-top: none;
320
-
321
- margin-top: 0 !important;
322
-
323
- margin-bottom: 0 !important;
324
-
325
- }
326
-
327
- div.dataTables_scrollBody table thead .sorting:before,
328
-
329
- div.dataTables_scrollBody table thead .sorting_asc:before,
330
-
331
- div.dataTables_scrollBody table thead .sorting_desc:before,
332
-
333
- div.dataTables_scrollBody table thead .sorting:after,
334
-
335
- div.dataTables_scrollBody table thead .sorting_asc:after,
336
-
337
- div.dataTables_scrollBody table thead .sorting_desc:after {
338
-
339
- display: none;
340
-
341
- }
342
-
343
- div.dataTables_scrollBody table tbody tr:first-child th,
344
-
345
- div.dataTables_scrollBody table tbody tr:first-child td {
346
-
347
- border-top: none;
348
-
349
- }
350
-
351
-
352
-
353
- div.dataTables_scrollFoot > .dataTables_scrollFootInner {
354
-
355
- box-sizing: content-box;
356
-
357
- }
358
-
359
- div.dataTables_scrollFoot > .dataTables_scrollFootInner > table {
360
-
361
- margin-top: 0 !important;
362
-
363
- border-top: none;
364
-
365
- }
366
-
367
-
368
-
369
- @media screen and (max-width: 767px) {
370
-
371
- div.dataTables_wrapper div.dataTables_length,
372
-
373
- div.dataTables_wrapper div.dataTables_filter,
374
-
375
- div.dataTables_wrapper div.dataTables_info,
376
-
377
- div.dataTables_wrapper div.dataTables_paginate {
378
-
379
- text-align: center;
380
-
381
- }
382
-
383
- }
384
-
385
- table.dataTable.table-sm > thead > tr > th {
386
-
387
- padding-right: 20px;
388
-
389
- }
390
-
391
- table.dataTable.table-sm .sorting:before,
392
-
393
- table.dataTable.table-sm .sorting_asc:before,
394
-
395
- table.dataTable.table-sm .sorting_desc:before {
396
-
397
- top: 5px;
398
-
399
- right: 0.85em;
400
-
401
- }
402
-
403
- table.dataTable.table-sm .sorting:after,
404
-
405
- table.dataTable.table-sm .sorting_asc:after,
406
-
407
- table.dataTable.table-sm .sorting_desc:after {
408
-
409
- top: 5px;
410
-
411
- }
412
-
413
-
414
-
415
- table.table-bordered.dataTable th,
416
-
417
- table.table-bordered.dataTable td {
418
-
419
- border-left-width: 0;
420
-
421
- }
422
-
423
- table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child,
424
-
425
- table.table-bordered.dataTable td:last-child,
426
-
427
- table.table-bordered.dataTable td:last-child {
428
-
429
- border-right-width: 0;
430
-
431
- }
432
-
433
- table.table-bordered.dataTable tbody th,
434
-
435
- table.table-bordered.dataTable tbody td {
436
-
437
- border-bottom-width: 0;
438
-
439
- }
440
-
441
-
442
-
443
- div.dataTables_scrollHead table.table-bordered {
444
-
445
- border-bottom-width: 0;
446
-
447
- }
448
-
449
-
450
-
451
- div.table-responsive > div.dataTables_wrapper > div.row {
452
-
453
- margin: 0;
454
-
455
- }
456
-
457
- div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:first-child {
458
-
459
- padding-left: 0;
460
-
461
- }
462
-
463
- div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:last-child {
464
-
465
- padding-right: 0;
466
-
467
- }
468
-
469
-
470
-
471
-
472
-
473
-
474
-
475
- ```
476
26
 
477
27
  以上ですが
478
28
 

2

タグの付け加え

2018/11/26 05:34

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
File without changes

1

tagの付け加え

2018/11/26 04:20

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
File without changes