<adf-datatable [rows]="attachments"
               [actions]="true"
               [loading]="isLoading"
               (rowDblClick)="openContent($event)"
               (showRowActionsMenu)="onShowRowActionsMenu($event)"
               (executeRowAction)="onExecuteRowAction($event)">
            <no-content-template>
                <ng-template>
                    <ng-content *ngIf="hasCustomTemplate; else defaulEmptyList" class="adf-custom-empty-template"></ng-content>
                    <ng-template #defaulEmptyList>
                        <adf-empty-list>
                            <div adf-empty-list-header class="adf-empty-list-header">
                                {{'ADF_TASK_LIST.ATTACHMENT.EMPTY.HEADER' | translate}}
                            </div>
                        </adf-empty-list>
                    </ng-template>
                </ng-template>
            </no-content-template>

            <data-columns>
                <data-column key="icon" type="image" srTitle="ADF_TASK_LIST.PROPERTIES.THUMBNAIL" [sortable]="false"></data-column>
                <data-column key="name" type="text" title="ADF_TASK_LIST.PROPERTIES.NAME" class="full-width ellipsis-cell" [sortable]="true"></data-column>
                <data-column key="created" type="date" format="shortDate" title="ADF_TASK_LIST.PROPERTIES.CREATED"></data-column>
            </data-columns>
            <loading-content-template>
                <ng-template>
                <!--Add your custom loading template here-->
                    <mat-progress-spinner class="adf-attachment-list-loading-margin" [color]="'primary'" [mode]="'indeterminate'">
                    </mat-progress-spinner>
                </ng-template>
            </loading-content-template>
</adf-datatable>
