2 * @author zhixin wen <wenzhixin2010@gmail.com>
4 * https://github.com/wenzhixin/bootstrap-table/
7 .bootstrap-table .table {
8 margin-bottom: 0 !important;
9 border-bottom: 1px solid #dddddd;
10 border-collapse: collapse !important;
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 !important;
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;
28 .fixed-table-container {
31 border: 1px solid #dddddd;
33 -webkit-border-radius: 4px;
34 -moz-border-radius: 4px;
37 .fixed-table-container.table-no-bordered {
38 border: 1px solid transparent;
47 border-top: 1px solid #dddddd;
56 .fixed-table-container table {
60 .fixed-table-container thead th {
64 border-left: 1px solid #dddddd;
67 .fixed-table-container thead th:first-child {
69 border-top-left-radius: 4px;
70 -webkit-border-top-left-radius: 4px;
71 -moz-border-radius-topleft: 4px;
74 .fixed-table-container thead th .th-inner,
75 .fixed-table-container tbody td .th-inner {
80 text-overflow: ellipsis;
84 .fixed-table-container thead th .sortable {
86 background-position: right;
87 background-repeat: no-repeat;
91 .fixed-table-container thead th .both {
92 background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAkElEQVQoz7X QMQ5AQBCF4dWQSJxC5wwax1Cq1e7BAdxD5SL+Tq/QCM1oNiJidwox0355mXnG/DrEtIQ6azioNZQxI0ykPhTQIwhCR+BmBYtlK7kLJYwWCcJA9M4qdrZrd8pPjZWPtOqdRQy320YSV17OatFC4euts6z39GYMKRPCTKY9UnPQ6P+GtMRfGtPnBCiqhAeJPmkqAAAAAElFTkSuQmCC');
95 .fixed-table-container thead th .asc {
96 background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZ0lEQVQ4y2NgGLKgquEuFxBPAGI2ahhWCsS/gDibUoO0gPgxEP8H4ttArEyuQYxAPBdqEAxPBImTY5gjEL9DM+wTENuQahAvEO9DMwiGdwAxOymGJQLxTyD+jgWDxCMZRsEoGAVoAADeemwtPcZI2wAAAABJRU5ErkJggg==');
99 .fixed-table-container thead th .desc {
100 background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZUlEQVQ4y2NgGAWjYBSggaqGu5FA/BOIv2PBIPFEUgxjB+IdQPwfC94HxLykus4GiD+hGfQOiB3J8SojEE9EM2wuSJzcsFMG4ttQgx4DsRalkZENxL+AuJQaMcsGxBOAmGvopk8AVz1sLZgg0bsAAAAASUVORK5CYII= ');
103 .fixed-table-container th.detail {
107 .fixed-table-container tbody td {
108 border-left: 1px solid #dddddd;
111 .fixed-table-container tbody tr:first-child td {
115 .fixed-table-container tbody td:first-child {
119 /* the same color with .active */
120 .fixed-table-container tbody .selected td {
121 background-color: #f5f5f5;
124 .fixed-table-container .bs-checkbox {
128 .fixed-table-container .bs-checkbox .th-inner {
132 .fixed-table-container input[type="radio"],
133 .fixed-table-container input[type="checkbox"] {
134 margin: 0 auto !important;
137 .fixed-table-container .no-records-found {
141 .fixed-table-pagination div.pagination,
142 .fixed-table-pagination .pagination-detail {
147 .fixed-table-pagination div.pagination .pagination {
151 .fixed-table-pagination .pagination a {
153 line-height: 1.428571429;
156 .fixed-table-pagination .pagination-info {
161 .fixed-table-pagination .btn-group {
163 display: inline-block;
164 vertical-align: middle;
167 .fixed-table-pagination .dropup .dropdown-menu {
171 .fixed-table-pagination .page-list {
172 display: inline-block;
175 .fixed-table-toolbar .columns-left {
179 .fixed-table-toolbar .columns-right {
183 .fixed-table-toolbar .columns label {
188 line-height: 1.428571429;
191 .fixed-table-toolbar .bars,
192 .fixed-table-toolbar .search,
193 .fixed-table-toolbar .columns {
200 .fixed-table-pagination li.disabled a {
201 pointer-events: none;
205 .fixed-table-loading {
213 background-color: #fff;
217 .fixed-table-body .card-view .title {
219 display: inline-block;
221 text-align: left !important;
224 /* support bootstrap 2 */
225 .fixed-table-body thead th .th-inner {
226 box-sizing: border-box;
229 .table th, .table td {
230 vertical-align: middle;
231 box-sizing: border-box;
234 .fixed-table-toolbar .dropdown-menu {
240 .fixed-table-toolbar .btn-group > .btn-group {
241 display: inline-block;
242 margin-left: -1px !important;
245 .fixed-table-toolbar .btn-group > .btn-group > .btn {
249 .fixed-table-toolbar .btn-group > .btn-group:first-child > .btn {
250 border-top-left-radius: 4px;
251 border-bottom-left-radius: 4px;
254 .fixed-table-toolbar .btn-group > .btn-group:last-child > .btn {
255 border-top-right-radius: 4px;
256 border-bottom-right-radius: 4px;
259 .bootstrap-table .table > thead > tr > th {
260 vertical-align: bottom;
261 border-bottom: 1px solid #ddd;
264 /* support bootstrap 3 */
265 .bootstrap-table .table thead > tr > th {
270 .bootstrap-table .fixed-table-footer tbody > tr > td {
271 padding: 0 !important;
274 .bootstrap-table .fixed-table-footer .table {
279 .pull-right .dropdown-menu {
284 /* calculate scrollbar width */
285 p.fixed-table-scroll-inner {
290 div.fixed-table-scroll-outer {