:host {
  display: block;
  overflow: hidden;
  position: relative;
  transform: translate3d(0, 0, 0);
}

.datatable-wrapper {
  display: flex;
  flex-direction: column;
  block-size: 100%;
  min-block-size: 0;
}

.datatable-grid {
  display: grid;
  grid-template-columns: var(--ngx-datatable-grid-template-columns, auto);
  grid-template-rows: auto 1fr;
  position: relative;
  max-inline-size: 100%;
  min-block-size: 0;
}

:host(.scroll-horz) .datatable-grid {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

:host(.scroll-vertical) .datatable-grid {
  overflow-y: auto;
  flex: 1 1 0;
}

.datatable-empty-row {
  grid-column: 1/-1;
}