12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485 |
- //
- // Component: Table
- //
- .table {
- &:not(.table-dark) {
- color: inherit;
- }
- // fixed table head
- &.table-head-fixed {
- thead tr:nth-child(1) th {
- background-color: $white;
- border-bottom: 0;
- box-shadow: inset 0 1px 0 $table-border-color, inset 0 -1px 0 $table-border-color;
- position: sticky;
- top: 0;
- z-index: 10;
- }
- &.table-dark {
- thead tr {
- &:nth-child(1) th {
- background-color: $table-dark-bg;
- box-shadow: inset 0 1px 0 $table-dark-border-color, inset 0 -1px 0 $table-dark-border-color;
- }
- }
- }
- }
- // no border
- &.no-border {
- &,
- td,
- th {
- border: 0;
- }
- }
- // .text-center in tables
- &.text-center {
- &,
- td,
- th {
- text-align: center;
- }
- }
- &.table-valign-middle {
- thead > tr > th,
- thead > tr > td,
- tbody > tr > th,
- tbody > tr > td {
- vertical-align: middle;
- }
- }
- .card-body.p-0 & {
- thead > tr > th,
- thead > tr > td,
- tbody > tr > th,
- tbody > tr > td {
- &:first-of-type {
- padding-left: map-get($spacers, 4);
- }
- &:last-of-type {
- padding-right: map-get($spacers, 4);
- }
- }
- }
- }
- // Expandable Table
- .expandable-body {
- td {
- padding: 0;
- width: 100%;
- > div,
- > p {
- padding: $table-cell-padding;
- }
- }
- }
|