|
1
|
1 /**
|
|
|
2 * @author zhixin wen <wenzhixin2010@gmail.com>
|
|
|
3 * version: 1.11.1
|
|
|
4 * https://github.com/wenzhixin/bootstrap-table/
|
|
|
5 */
|
|
|
6
|
|
|
7 .bootstrap-table .table {
|
|
|
8 margin-bottom: 0 !important;
|
|
|
9 border-bottom: 1px solid #dddddd;
|
|
|
10 border-collapse: collapse !important;
|
|
|
11 border-radius: 1px;
|
|
|
12 }
|
|
|
13
|
|
|
14 .bootstrap-table .table:not(.table-condensed),
|
|
|
15 .bootstrap-table .table:not(.table-condensed) > tbody > tr > th,
|
|
|
16 .bootstrap-table .table:not(.table-condensed) > tfoot > tr > th,
|
|
|
17 .bootstrap-table .table:not(.table-condensed) > thead > tr > td,
|
|
|
18 .bootstrap-table .table:not(.table-condensed) > tbody > tr > td,
|
|
|
19 .bootstrap-table .table:not(.table-condensed) > tfoot > tr > td {
|
|
|
20 padding: 8px;
|
|
|
21 }
|
|
|
22
|
|
|
23 .bootstrap-table .table.table-no-bordered > thead > tr > th,
|
|
|
24 .bootstrap-table .table.table-no-bordered > tbody > tr > td {
|
|
|
25 border-right: 2px solid transparent;
|
|
|
26 }
|
|
|
27
|
|
|
28 .bootstrap-table .table.table-no-bordered > tbody > tr > td:last-child {
|
|
|
29 border-right: none;
|
|
|
30 }
|
|
|
31
|
|
|
32 .fixed-table-container {
|
|
|
33 position: relative;
|
|
|
34 clear: both;
|
|
|
35 border: 1px solid #dddddd;
|
|
|
36 border-radius: 4px;
|
|
|
37 -webkit-border-radius: 4px;
|
|
|
38 -moz-border-radius: 4px;
|
|
|
39 }
|
|
|
40
|
|
|
41 .fixed-table-container.table-no-bordered {
|
|
|
42 border: 1px solid transparent;
|
|
|
43 }
|
|
|
44
|
|
|
45 .fixed-table-footer,
|
|
|
46 .fixed-table-header {
|
|
|
47 overflow: hidden;
|
|
|
48 }
|
|
|
49
|
|
|
50 .fixed-table-footer {
|
|
|
51 border-top: 1px solid #dddddd;
|
|
|
52 }
|
|
|
53
|
|
|
54 .fixed-table-body {
|
|
|
55 overflow-x: auto;
|
|
|
56 overflow-y: auto;
|
|
|
57 height: 100%;
|
|
|
58 }
|
|
|
59
|
|
|
60 .fixed-table-container table {
|
|
|
61 width: 100%;
|
|
|
62 }
|
|
|
63
|
|
|
64 .fixed-table-container thead th {
|
|
|
65 height: 0;
|
|
|
66 padding: 0;
|
|
|
67 margin: 0;
|
|
|
68 border-left: 1px solid #dddddd;
|
|
|
69 }
|
|
|
70
|
|
|
71 .fixed-table-container thead th:focus {
|
|
|
72 outline: 0 solid transparent;
|
|
|
73 }
|
|
|
74
|
|
|
75 .fixed-table-container thead th:first-child {
|
|
|
76 border-left: none;
|
|
|
77 border-top-left-radius: 4px;
|
|
|
78 -webkit-border-top-left-radius: 4px;
|
|
|
79 -moz-border-radius-topleft: 4px;
|
|
|
80 }
|
|
|
81
|
|
|
82 .fixed-table-container thead th .th-inner,
|
|
|
83 .fixed-table-container tbody td .th-inner {
|
|
|
84 padding: 8px;
|
|
|
85 line-height: 24px;
|
|
|
86 vertical-align: top;
|
|
|
87 overflow: hidden;
|
|
|
88 text-overflow: ellipsis;
|
|
|
89 white-space: nowrap;
|
|
|
90 }
|
|
|
91
|
|
|
92 .fixed-table-container thead th .sortable {
|
|
|
93 cursor: pointer;
|
|
|
94 background-position: right;
|
|
|
95 background-repeat: no-repeat;
|
|
|
96 padding-right: 30px;
|
|
|
97 }
|
|
|
98
|
|
|
99 .fixed-table-container thead th .both {
|
|
|
100 background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAkElEQVQoz7X QMQ5AQBCF4dWQSJxC5wwax1Cq1e7BAdxD5SL+Tq/QCM1oNiJidwox0355mXnG/DrEtIQ6azioNZQxI0ykPhTQIwhCR+BmBYtlK7kLJYwWCcJA9M4qdrZrd8pPjZWPtOqdRQy320YSV17OatFC4euts6z39GYMKRPCTKY9UnPQ6P+GtMRfGtPnBCiqhAeJPmkqAAAAAElFTkSuQmCC');
|
|
|
101 }
|
|
|
102
|
|
|
103 .fixed-table-container thead th .asc {
|
|
|
104 background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZ0lEQVQ4y2NgGLKgquEuFxBPAGI2ahhWCsS/gDibUoO0gPgxEP8H4ttArEyuQYxAPBdqEAxPBImTY5gjEL9DM+wTENuQahAvEO9DMwiGdwAxOymGJQLxTyD+jgWDxCMZRsEoGAVoAADeemwtPcZI2wAAAABJRU5ErkJggg==');
|
|
|
105 }
|
|
|
106
|
|
|
107 .fixed-table-container thead th .desc {
|
|
|
108 background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZUlEQVQ4y2NgGAWjYBSggaqGu5FA/BOIv2PBIPFEUgxjB+IdQPwfC94HxLykus4GiD+hGfQOiB3J8SojEE9EM2wuSJzcsFMG4ttQgx4DsRalkZENxL+AuJQaMcsGxBOAmGvopk8AVz1sLZgg0bsAAAAASUVORK5CYII= ');
|
|
|
109 }
|
|
|
110
|
|
|
111 .fixed-table-container th.detail {
|
|
|
112 width: 30px;
|
|
|
113 }
|
|
|
114
|
|
|
115 .fixed-table-container tbody td {
|
|
|
116 border-left: 1px solid #dddddd;
|
|
|
117 }
|
|
|
118
|
|
|
119 .fixed-table-container tbody tr:first-child td {
|
|
|
120 border-top: none;
|
|
|
121 }
|
|
|
122
|
|
|
123 .fixed-table-container tbody td:first-child {
|
|
|
124 border-left: none;
|
|
|
125 }
|
|
|
126
|
|
|
127 /* the same color with .active */
|
|
|
128 .fixed-table-container tbody .selected td {
|
|
|
129 background-color: #f5f5f5;
|
|
|
130 }
|
|
|
131
|
|
|
132 .fixed-table-container .bs-checkbox {
|
|
|
133 text-align: center;
|
|
|
134 }
|
|
|
135
|
|
|
136 .fixed-table-container .bs-checkbox .th-inner {
|
|
|
137 padding: 8px 0;
|
|
|
138 }
|
|
|
139
|
|
|
140 .fixed-table-container input[type="radio"],
|
|
|
141 .fixed-table-container input[type="checkbox"] {
|
|
|
142 margin: 0 auto !important;
|
|
|
143 }
|
|
|
144
|
|
|
145 .fixed-table-container .no-records-found {
|
|
|
146 text-align: center;
|
|
|
147 }
|
|
|
148
|
|
|
149 .fixed-table-pagination div.pagination,
|
|
|
150 .fixed-table-pagination .pagination-detail {
|
|
|
151 margin-top: 10px;
|
|
|
152 margin-bottom: 10px;
|
|
|
153 }
|
|
|
154
|
|
|
155 .fixed-table-pagination div.pagination .pagination {
|
|
|
156 margin: 0;
|
|
|
157 }
|
|
|
158
|
|
|
159 .fixed-table-pagination .pagination a {
|
|
|
160 padding: 6px 12px;
|
|
|
161 line-height: 1.428571429;
|
|
|
162 }
|
|
|
163
|
|
|
164 .fixed-table-pagination .pagination-info {
|
|
|
165 line-height: 34px;
|
|
|
166 margin-right: 5px;
|
|
|
167 }
|
|
|
168
|
|
|
169 .fixed-table-pagination .btn-group {
|
|
|
170 position: relative;
|
|
|
171 display: inline-block;
|
|
|
172 vertical-align: middle;
|
|
|
173 }
|
|
|
174
|
|
|
175 .fixed-table-pagination .dropup .dropdown-menu {
|
|
|
176 margin-bottom: 0;
|
|
|
177 }
|
|
|
178
|
|
|
179 .fixed-table-pagination .page-list {
|
|
|
180 display: inline-block;
|
|
|
181 }
|
|
|
182
|
|
|
183 .fixed-table-toolbar .columns-left {
|
|
|
184 margin-right: 5px;
|
|
|
185 }
|
|
|
186
|
|
|
187 .fixed-table-toolbar .columns-right {
|
|
|
188 margin-left: 5px;
|
|
|
189 }
|
|
|
190
|
|
|
191 .fixed-table-toolbar .columns label {
|
|
|
192 display: block;
|
|
|
193 padding: 3px 20px;
|
|
|
194 clear: both;
|
|
|
195 font-weight: normal;
|
|
|
196 line-height: 1.428571429;
|
|
|
197 }
|
|
|
198
|
|
|
199 .fixed-table-toolbar .bs-bars,
|
|
|
200 .fixed-table-toolbar .search,
|
|
|
201 .fixed-table-toolbar .columns {
|
|
|
202 position: relative;
|
|
|
203 margin-top: 10px;
|
|
|
204 margin-bottom: 10px;
|
|
|
205 line-height: 34px;
|
|
|
206 }
|
|
|
207
|
|
|
208 .fixed-table-pagination li.disabled a {
|
|
|
209 pointer-events: none;
|
|
|
210 cursor: default;
|
|
|
211 }
|
|
|
212
|
|
|
213 .fixed-table-loading {
|
|
|
214 display: none;
|
|
|
215 position: absolute;
|
|
|
216 top: 42px;
|
|
|
217 right: 0;
|
|
|
218 bottom: 0;
|
|
|
219 left: 0;
|
|
|
220 z-index: 99;
|
|
|
221 background-color: #fff;
|
|
|
222 text-align: center;
|
|
|
223 }
|
|
|
224
|
|
|
225 .fixed-table-body .card-view .title {
|
|
|
226 font-weight: bold;
|
|
|
227 display: inline-block;
|
|
|
228 min-width: 30%;
|
|
|
229 text-align: left !important;
|
|
|
230 }
|
|
|
231
|
|
|
232 /* support bootstrap 2 */
|
|
|
233 .fixed-table-body thead th .th-inner {
|
|
|
234 box-sizing: border-box;
|
|
|
235 }
|
|
|
236
|
|
|
237 .table th, .table td {
|
|
|
238 vertical-align: middle;
|
|
|
239 box-sizing: border-box;
|
|
|
240 }
|
|
|
241
|
|
|
242 .fixed-table-toolbar .dropdown-menu {
|
|
|
243 text-align: left;
|
|
|
244 max-height: 300px;
|
|
|
245 overflow: auto;
|
|
|
246 }
|
|
|
247
|
|
|
248 .fixed-table-toolbar .btn-group > .btn-group {
|
|
|
249 display: inline-block;
|
|
|
250 margin-left: -1px !important;
|
|
|
251 }
|
|
|
252
|
|
|
253 .fixed-table-toolbar .btn-group > .btn-group > .btn {
|
|
|
254 border-radius: 0;
|
|
|
255 }
|
|
|
256
|
|
|
257 .fixed-table-toolbar .btn-group > .btn-group:first-child > .btn {
|
|
|
258 border-top-left-radius: 4px;
|
|
|
259 border-bottom-left-radius: 4px;
|
|
|
260 }
|
|
|
261
|
|
|
262 .fixed-table-toolbar .btn-group > .btn-group:last-child > .btn {
|
|
|
263 border-top-right-radius: 4px;
|
|
|
264 border-bottom-right-radius: 4px;
|
|
|
265 }
|
|
|
266
|
|
|
267 .bootstrap-table .table > thead > tr > th {
|
|
|
268 vertical-align: bottom;
|
|
|
269 border-bottom: 1px solid #ddd;
|
|
|
270 }
|
|
|
271
|
|
|
272 /* support bootstrap 3 */
|
|
|
273 .bootstrap-table .table thead > tr > th {
|
|
|
274 padding: 0;
|
|
|
275 margin: 0;
|
|
|
276 }
|
|
|
277
|
|
|
278 .bootstrap-table .fixed-table-footer tbody > tr > td {
|
|
|
279 padding: 0 !important;
|
|
|
280 }
|
|
|
281
|
|
|
282 .bootstrap-table .fixed-table-footer .table {
|
|
|
283 border-bottom: none;
|
|
|
284 border-radius: 0;
|
|
|
285 padding: 0 !important;
|
|
|
286 }
|
|
|
287
|
|
|
288 .bootstrap-table .pull-right .dropdown-menu {
|
|
|
289 right: 0;
|
|
|
290 left: auto;
|
|
|
291 }
|
|
|
292
|
|
|
293 /* calculate scrollbar width */
|
|
|
294 p.fixed-table-scroll-inner {
|
|
|
295 width: 100%;
|
|
|
296 height: 200px;
|
|
|
297 }
|
|
|
298
|
|
|
299 div.fixed-table-scroll-outer {
|
|
|
300 top: 0;
|
|
|
301 left: 0;
|
|
|
302 visibility: hidden;
|
|
|
303 width: 200px;
|
|
|
304 height: 150px;
|
|
|
305 overflow: hidden;
|
|
|
306 }
|
|
|
307
|
|
|
308 /* for get correct heights */
|
|
|
309 .fixed-table-toolbar:after, .fixed-table-pagination:after {
|
|
|
310 content: "";
|
|
|
311 display: block;
|
|
|
312 clear: both;
|
|
|
313 }
|
