123456789101112131415161718192021222324252627282930313233343536373839404142434445464748 |
- table[data-sortable] {
- border-collapse: collapse; border-spacing: 0;
- }
- table[data-sortable] th {
- font-weight: bold; vertical-align: bottom;
- }
- table[data-sortable] th {
- padding: 10px; text-align: left;
- }
- table[data-sortable] td {
- padding: 10px; text-align: left;
- }
- table[data-sortable] th:not([data-sortable='false']) {
- cursor: pointer; -ms-user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; -moz-user-select: none; user-select: none; -o-user-select: none; -webkit-touch-callout: none;
- }
- table[data-sortable] th::after {
- border: 5px solid transparent; width: 0px; height: 0px; margin-right: 1px; margin-left: 10px; vertical-align: inherit; float: right; display: inline-block; visibility: hidden; content: "";
- }
- table[data-sortable] th[data-sorted='true']::after {
- visibility: visible;
- }
- table[data-sortable] th[data-sorted-direction='descending']::after {
- margin-top: 8px; border-top-color: inherit;
- }
- table[data-sortable] th[data-sorted-direction='ascending']::after {
- margin-top: 3px; border-bottom-color: inherit;
- }
- table[data-sortable].sortable-theme-bootstrap {
- background: white; color: rgb(51, 51, 51); line-height: 20px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px;
- }
- table[data-sortable].sortable-theme-bootstrap thead th {
- border-bottom-color: rgb(224, 224, 224); border-bottom-width: 2px; border-bottom-style: solid;
- }
- table[data-sortable].sortable-theme-bootstrap tbody td {
- border-top-color: rgb(224, 224, 224); border-top-width: 1px; border-top-style: solid;
- }
- table[data-sortable].sortable-theme-bootstrap th[data-sorted='true'] {
- background: rgb(217, 237, 247); color: rgb(58, 135, 173); border-bottom-color: rgb(188, 232, 241);
- }
- table[data-sortable].sortable-theme-bootstrap th[data-sorted='true'][data-sorted-direction='descending']::after {
- border-top-color: rgb(58, 135, 173);
- }
- table[data-sortable].sortable-theme-bootstrap th[data-sorted='true'][data-sorted-direction='ascending']::after {
- border-bottom-color: rgb(58, 135, 173);
- }
- table[data-sortable].sortable-theme-bootstrap.sortable-theme-bootstrap-striped tbody > tr:nth-child(2n+1) > td {
- background-color: rgb(249, 249, 249);
- }
|