@koalarx/ui/theme/table.css

Koala UI is a modern and accessible component library designed to speed up interface development in Angular projects. With simple integration and clear documentation, you can easily build robust and visually appealing applications.

table thead th:first-child,
table tbody td:first-child,
kl-sort-header-column:first-child div {
  padding-left: 1rem;
}

table thead th:last-child,
table tbody td:last-child,
kl-sort-header-column:last-child div {
  padding-right: 1rem;
}

kl-sort-header-column {
  display: table-cell;
  height: 100%;
}

kl-sort-header-column div:not(.not-ordered) {
  font-weight: bolder;
  color: var(--color-green-600);
}

kl-sort-header-column.ordered-column,
kl-datatable td.sorted {
  background-color: var(--color-base-300);
}

kl-datatable
  .datatable-menu:has(.addicional-options-menu:empty)
  .datatable-separator-menu,
kl-datatable .datatable-menu .addicional-options-menu:empty {
  display: none;
}