diff --git a/src/components/data-table/ha-data-table.ts b/src/components/data-table/ha-data-table.ts index 69c30633b6..af549b942f 100644 --- a/src/components/data-table/ha-data-table.ts +++ b/src/components/data-table/ha-data-table.ts @@ -214,13 +214,15 @@ export class HaDataTable extends LitElement { class="mdc-data-table__table ${classMap({ "auto-height": this.autoHeight, })}" + role="table" + aria-rowcount=${this._filteredData.length} style=${styleMap({ height: this.autoHeight ? `${(this._filteredData.length || 1) * 53 + 57}px` : `calc(100% - ${this._header?.clientHeight}px)`, })} > -
+
${this.selectable ? html`
-
-
+
+
${this.noDataText || "No data"}
@@ -304,12 +306,14 @@ export class HaDataTable extends LitElement { items: !this.hasFab ? this._filteredData : [...this._filteredData, ...[{ empty: true }]], - renderItem: (row: DataTableRowData) => { + renderItem: (row: DataTableRowData, index) => { if (row.empty) { return html`
`; } return html`