<div class="card--grid--fullpage border-top border-bottom">
  <c8y-data-grid
    [title]="
      ((isWildcardSearchEnabled$ | async) ? wildcardSearchTitle : fullTextSearchTitle) | translate
    "
    [loadingItemsLabel]="loadingItemsLabel"
    [columns]="columns"
    [pagination]="pagination"
    [actionControls]="actionControls"
    [selectable]="selectable"
    [bulkActionControls]="bulkActionControls"
    [serverSideDataCallback]="serverSideDataCallback"
    [infiniteScroll]="'auto'"
    [showSearch]="true"
    [searchText]="searchText"
    [refresh]="refresh"
    (onColumnFilterReset)="onColumnFilterReset($event)"
  >
    <c8y-ui-empty-state
      [icon]="'search'"
      [title]="'No results to display.' | translate"
      [subtitle]="'Refine your search terms or check your spelling.' | translate"
      [horizontal]="true"
    ></c8y-ui-empty-state>
  </c8y-data-grid>
</div>