AdminLte/src/scss/_table.scss

//
// Component: Table
//

.table {
  &:not(.table-dark) {
    color: inherit;
  }

  // fixed table head
  &.table-head-fixed {
    thead tr:nth-child(1) th {
      position: sticky;
      top: 0;
      z-index: 10;
      background-color: $white;
      border-bottom: 0;
      box-shadow: inset 0 1px 0 $table-border-color, inset 0 -1px 0 $table-border-color;
    }

    // TODO: add $table-dark
    // &.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,
    tfoot > tr > th,
    tfoot > 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

.table-hover tbody tr.expandable-body:hover {
  background-color: inherit !important;
}

[data-widget="expandable-table"] {
  cursor: pointer;

  i.expandable-table-caret {
    @include transition(transform $lte-transition-speed linear);
  }
  &[aria-expanded="true"] {
    td i.expandable-table-caret {
      // stylelint-disable selector-max-attribute
      &[class*="right"] {
        transform: rotate(90deg);
      }
      &[class*="left"] {
        transform: rotate(-90deg);
      }
      // stylelint-enable selector-max-attribute
    }
  }
}

.expandable-body {
  > td {
    width: 100%;
    padding: 0 !important;

    > div,
    > p {
      padding: $table-cell-padding-y $table-cell-padding-x;
    }
  }

  .table {
    width: subtract(100%, $table-cell-padding-x);
    margin: 0 0 0 $table-cell-padding-x;

    tr:first-child {
      td,
      th {
        border-top: none;
      }
    }
  }
}