@if (rows().length > 0) {
  <div class="data-table">
    <table class="data-table__table">
      <thead>
        <tr>
          @for (col of columns(); track col.key) {
            <th [style.width]="col.width" [style.text-align]="col.align || 'left'">
              {{ col.header }}
            </th>
          }
        </tr>
      </thead>
      <tbody>
        @for (row of rows(); track trackByKey($index, row)) {
          <tr>
            @for (col of columns(); track col.key) {
              <td [style.text-align]="col.align || 'left'">
                {{ cellValue(row, col) }}
              </td>
            }
          </tr>
        }
      </tbody>
    </table>
  </div>
} @else {
  <app-empty-state icon="inbox" [title]="emptyTitle()" [description]="emptyDescription()"></app-empty-state>
}