bootstrap-table.css 8.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306
  1. .bootstrap-table .table {
  2. margin-bottom: 0 !important;
  3. border-collapse: collapse !important;
  4. border-bottom: 1px solid #e4eaec; }
  5. .bootstrap-table .table:not(.table-condensed), .bootstrap-table .table:not(.table-condensed) > tbody > tr > th, .bootstrap-table .table:not(.table-condensed) > tfoot > tr > th, .bootstrap-table .table:not(.table-condensed) > thead > tr > td, .bootstrap-table .table:not(.table-condensed) > tbody > tr > td, .bootstrap-table .table:not(.table-condensed) > tfoot > tr > td {
  6. padding: 8px; }
  7. .bootstrap-table .table.table-no-bordered > thead > tr > th, .bootstrap-table .table.table-no-bordered > tbody > tr > td {
  8. border-right: 2px solid transparent; }
  9. .bootstrap-table .table.table-no-bordered > tbody > tr > td:last-child {
  10. border-right: none; }
  11. .fixed-table-container {
  12. position: relative;
  13. clear: both;
  14. border: 1px solid #e4eaec; }
  15. .fixed-table-container.table-no-bordered {
  16. border: 1px solid transparent; }
  17. .fixed-table-footer, .fixed-table-header {
  18. height: 37px;
  19. /*cellHeight*/
  20. overflow: hidden; }
  21. .fixed-table-header {
  22. border-bottom: 1px solid #e4eaec; }
  23. .fixed-table-footer {
  24. border-top: 1px solid #e4eaec; }
  25. .fixed-table-body {
  26. height: 100%;
  27. overflow-x: auto;
  28. overflow-y: auto; }
  29. .fixed-table-container table {
  30. width: 100%; }
  31. .fixed-table-container thead th {
  32. height: 0;
  33. padding: 0;
  34. margin: 0;
  35. border-left: 1px solid #e4eaec; }
  36. .fixed-table-container thead th:focus {
  37. outline: 0 solid transparent; }
  38. .fixed-table-container thead th:first-child {
  39. border-left: none; }
  40. .fixed-table-container thead th .th-inner, .fixed-table-container tbody td .th-inner {
  41. padding: 8px;
  42. overflow: hidden;
  43. line-height: 20px;
  44. text-overflow: ellipsis;
  45. white-space: nowrap;
  46. vertical-align: top; }
  47. .fixed-table-container thead th .sortable {
  48. padding-right: 30px;
  49. cursor: pointer;
  50. background-repeat: no-repeat;
  51. background-position: right; }
  52. .fixed-table-container thead th .both {
  53. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAkElEQVQoz7X QMQ5AQBCF4dWQSJxC5wwax1Cq1e7BAdxD5SL+Tq/QCM1oNiJidwox0355mXnG/DrEtIQ6azioNZQxI0ykPhTQIwhCR+BmBYtlK7kLJYwWCcJA9M4qdrZrd8pPjZWPtOqdRQy320YSV17OatFC4euts6z39GYMKRPCTKY9UnPQ6P+GtMRfGtPnBCiqhAeJPmkqAAAAAElFTkSuQmCC"); }
  54. .fixed-table-container thead th .asc {
  55. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZ0lEQVQ4y2NgGLKgquEuFxBPAGI2ahhWCsS/gDibUoO0gPgxEP8H4ttArEyuQYxAPBdqEAxPBImTY5gjEL9DM+wTENuQahAvEO9DMwiGdwAxOymGJQLxTyD+jgWDxCMZRsEoGAVoAADeemwtPcZI2wAAAABJRU5ErkJggg=="); }
  56. .fixed-table-container thead th .desc {
  57. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZUlEQVQ4y2NgGAWjYBSggaqGu5FA/BOIv2PBIPFEUgxjB+IdQPwfC94HxLykus4GiD+hGfQOiB3J8SojEE9EM2wuSJzcsFMG4ttQgx4DsRalkZENxL+AuJQaMcsGxBOAmGvopk8AVz1sLZgg0bsAAAAASUVORK5CYII= "); }
  58. .fixed-table-container th.detail {
  59. width: 30px; }
  60. .fixed-table-container tbody td {
  61. border-left: 1px solid #e4eaec; }
  62. .fixed-table-container tbody tr:first-child td {
  63. border-top: none; }
  64. .fixed-table-container tbody td:first-child {
  65. border-left: none; }
  66. .fixed-table-container .table .icon, .fixed-table-container table .icon {
  67. top: auto;
  68. margin: 0 5px; }
  69. /* the same color with .active */
  70. .fixed-table-container tbody .selected td {
  71. background-color: #f3f7f9; }
  72. .fixed-table-container .bs-checkbox {
  73. text-align: center; }
  74. .fixed-table-container .bs-checkbox .th-inner {
  75. padding: 8px 0; }
  76. .fixed-table-container input[type="radio"], .fixed-table-container input[type="checkbox"] {
  77. margin: 0 auto !important; }
  78. .fixed-table-container .no-records-found {
  79. text-align: center; }
  80. .fixed-table-pagination div.pagination, .fixed-table-pagination .pagination-detail {
  81. margin-top: 10px;
  82. margin-bottom: 10px; }
  83. .fixed-table-pagination div.pagination .pagination {
  84. margin: 0; }
  85. .fixed-table-pagination .pagination li {
  86. display: inline; }
  87. .fixed-table-pagination .pagination li:first-child > a {
  88. border-top-left-radius: 0.215rem;
  89. border-bottom-left-radius: 0.215rem;
  90. margin-left: 0; }
  91. .fixed-table-pagination .pagination li:last-child > a {
  92. border-top-right-radius: 0.215rem;
  93. border-bottom-right-radius: 0.215rem; }
  94. .fixed-table-pagination .pagination li.active > a, .fixed-table-pagination .pagination li.active > a:hover, .fixed-table-pagination .pagination li.active > a:focus {
  95. z-index: 2;
  96. color: #fff;
  97. cursor: default;
  98. background-color: #3e8ef7;
  99. border-color: #3e8ef7; }
  100. .fixed-table-pagination .pagination li.disabled > a, .fixed-table-pagination .pagination li.disabled > a:hover, .fixed-table-pagination .pagination li.disabled > a:focus {
  101. color: #ccd5db;
  102. cursor: not-allowed;
  103. background-color: transparent;
  104. border-color: #e4eaec; }
  105. .fixed-table-pagination .pagination a {
  106. position: relative;
  107. float: left;
  108. padding: 6px 12px;
  109. margin-left: -1px;
  110. line-height: 1.428571429;
  111. color: #76838f;
  112. text-decoration: none;
  113. background-color: transparent;
  114. border: 1px solid #e4eaec; }
  115. .fixed-table-pagination .pagination a:hover, .fixed-table-pagination .pagination a:focus {
  116. color: #589ffc;
  117. background-color: #f3f7f9;
  118. border-color: #e4eaec; }
  119. .fixed-table-pagination .pagination-info {
  120. margin-right: 5px;
  121. line-height: 34px; }
  122. .fixed-table-pagination .btn-group {
  123. position: relative;
  124. display: inline-block;
  125. vertical-align: middle; }
  126. .fixed-table-pagination .dropup .dropdown-menu {
  127. margin-bottom: 0; }
  128. .fixed-table-pagination .page-list {
  129. display: inline-block; }
  130. .fixed-table-toolbar .columns-left {
  131. margin-right: 5px; }
  132. .fixed-table-toolbar .columns-right {
  133. margin-left: 5px; }
  134. .fixed-table-toolbar .columns label {
  135. display: block;
  136. padding: 3px 20px;
  137. clear: both;
  138. font-weight: 400;
  139. line-height: 1.428571429; }
  140. .fixed-table-toolbar .bs-bars, .fixed-table-toolbar .search, .fixed-table-toolbar .columns {
  141. position: relative;
  142. margin-top: 10px;
  143. margin-bottom: 10px;
  144. line-height: 34px; }
  145. .fixed-table-pagination li.disabled a {
  146. pointer-events: none;
  147. cursor: default; }
  148. .fixed-table-loading {
  149. position: absolute;
  150. top: 42px;
  151. right: 0;
  152. bottom: 0;
  153. left: 0;
  154. z-index: 6;
  155. display: none;
  156. text-align: center;
  157. background-color: #fff; }
  158. .fixed-table-body .card-view .title {
  159. display: inline-block;
  160. min-width: 30%;
  161. font-weight: 500;
  162. text-align: left !important; }
  163. /* support bootstrap 2 */
  164. .fixed-table-body thead th .th-inner {
  165. box-sizing: border-box; }
  166. .table th, .table td {
  167. box-sizing: border-box;
  168. vertical-align: middle; }
  169. .fixed-table-toolbar .dropdown-menu {
  170. max-height: 300px;
  171. overflow: auto;
  172. text-align: left; }
  173. .fixed-table-toolbar .btn-group > .btn-group {
  174. display: inline-block;
  175. margin-left: -1px !important; }
  176. .fixed-table-toolbar .btn-group > .btn-group > .btn {
  177. border-radius: 0; }
  178. .fixed-table-toolbar .btn-group > .btn-group:first-child > .btn {
  179. border-top-left-radius: 0.215rem;
  180. border-bottom-left-radius: 0.215rem; }
  181. .fixed-table-toolbar .btn-group > .btn-group:last-child > .btn {
  182. border-top-right-radius: 0.215rem;
  183. border-bottom-right-radius: 0.215rem; }
  184. .bootstrap-table .table > thead > tr > th {
  185. vertical-align: bottom;
  186. border-bottom: 1px solid #e4eaec; }
  187. /* support bootstrap 3 */
  188. .bootstrap-table .table thead > tr > th {
  189. padding: 0;
  190. margin: 0; }
  191. .bootstrap-table .fixed-table-footer tbody > tr > td {
  192. padding: 0 !important; }
  193. .bootstrap-table .fixed-table-footer .table {
  194. padding: 0 !important;
  195. border-bottom: none;
  196. border-radius: 0; }
  197. .pull-right .dropdown-menu {
  198. right: 0;
  199. left: auto; }
  200. /* calculate scrollbar width */
  201. p.fixed-table-scroll-inner {
  202. width: 100%;
  203. height: 200px; }
  204. div.fixed-table-scroll-outer {
  205. top: 0;
  206. left: 0;
  207. width: 200px;
  208. height: 150px;
  209. overflow: hidden;
  210. visibility: hidden; }
  211. .bootstrap-table .dropdown-menu > li {
  212. padding: 0 5px;
  213. margin: 2px 0; }
  214. .bootstrap-table .dropdown-menu > li > a {
  215. display: block;
  216. padding: 0.572rem 1.072rem;
  217. font-weight: normal;
  218. line-height: 1.57142857;
  219. color: #76838f;
  220. white-space: nowrap;
  221. border-radius: 0.215rem;
  222. transition: background-color .25s; }
  223. .bootstrap-table .dropdown-menu > li > a:hover, .bootstrap-table .dropdown-menu > li > a:focus {
  224. color: #76838f;
  225. text-decoration: none;
  226. background-color: #f3f7f9; }
  227. .bootstrap-table .dropdown-menu > .active > a, .bootstrap-table .dropdown-menu > .active > a:hover, .bootstrap-table .dropdown-menu > .active > a:focus {
  228. color: #76838f;
  229. text-decoration: none;
  230. background-color: #f3f7f9;
  231. outline: 0; }
  232. .bootstrap-table .dropdown-menu > .disabled > a, .bootstrap-table .dropdown-menu > .disabled > a:hover, .bootstrap-table .dropdown-menu > .disabled > a:focus {
  233. color: #e4eaec; }
  234. .bootstrap-table .dropdown-menu > .disabled > a:hover, .bootstrap-table .dropdown-menu > .disabled > a:focus {
  235. text-decoration: none;
  236. cursor: not-allowed;
  237. background-color: transparent;
  238. background-image: none; }
  239. .pull-left {
  240. float: left; }
  241. .pull-right {
  242. float: right; }