//
// Table Common
//

.table > :not(caption) > * > * {
  border-color: var(--bs-table-border-color);
}

.table th {
  color: var(--bs-heading-color);
}

.table.table-dark th,
.table.table-dark.border {
  color: var(--bs-white);
  border-color: var(--bs-table-border-color) !important;
}

.no-wrap {
  td,
  th {
    white-space: nowrap;
  }
}

table {
  &.table.table-sticky {
    thead {
      position: sticky;
      top: 0;
      background-color: #fafafa;
      overflow: hidden;
    }
  }
}

//
// Data-tables
//
table.dataTable {
  thead {
    th,
    td {
      border-bottom-color: var(--bs-border-color);
      text-align: center;
    }
  }

  tbody {
    td {
      text-align: center;
    }
  }
}

.ngx-datatable.material {
  border: 1px solid var(--bs-border-color);
  box-shadow: none !important;
}

.p-datatable-wrapper {
  position: relative;
  overflow: auto;
  max-height: 600px;
}

.p-datatable-table {
  border-collapse: separate;
  border-spacing: 0;
}

.p-datatable thead {
  position: sticky;
  top: var(--datatable-sticky-top);
  z-index: 100;
}

.p-datatable thead th {
  position: sticky;
  top: 0; /* or 70px if you have top navbar */
  z-index: 10;
  background: #fff;
}

.p-datatable tbody {
  position: relative;
  z-index: 1;
}

.p-datatable tbody tr td {
  background-color: inherit; /* Inherit dari row */
}