@if (requestNode) {
  <adf-datatable
    [data]="data"
    [rows]="rows"
    [columns]="columns"
    [sorting]="sorting"
    [loading]="isLoading"
    [isResizingEnabled]="isResizingEnabled"
    [blurOnResize]="blurOnResize"
    [stickyHeader]="stickyHeader"
    [multiselect]="multiselect"
    [selectionMode]="selectionMode"
    [contextMenu]="showContextMenu"
    (showRowContextMenu)="onShowRowContextMenu($event)"
    (row-select)="onRowSelect($any($event))"
    (row-unselect)="onRowUnselect($any($event))"
    (rowClick)="onRowClick($any($event))"
    (row-keyup)="onRowKeyUp($any($event))"
    >
    <adf-loading-content-template>
      <ng-template>
        <!--Add your custom loading template here-->
        @if (!customLoadingContent) {
          <mat-progress-spinner class="adf-task-list-loading-margin" color="primary" mode="indeterminate" />
        }
        <ng-content select="adf-custom-loading-content-template" />
      </ng-template>
    </adf-loading-content-template>
    <adf-no-content-template>
      <ng-template>
        @if (!customEmptyContent) {
          <adf-empty-content
            icon="assignment"
            [title]="'ADF_TASK_LIST.LIST.MESSAGES.TITLE' | translate"
            [subtitle]="'ADF_TASK_LIST.LIST.MESSAGES.SUBTITLE' | translate"
            />
        }
        <ng-content select="adf-custom-empty-content-template" />
      </ng-template>
    </adf-no-content-template>
  </adf-datatable>
} @else {
  <div>{{ 'ADF_TASK_LIST.FILTERS.MESSAGES.NONE' | translate }}</div>
}