jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-11-09 02:49:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

Optimise data table and device dashboard (#9217)

Browse Source
This commit is contained in:
Bram Kragten
2021-05-25 13:12:44 +02:00
committed by GitHub
parent 0a478ee1da
commit 8af05e2726
3 changed files with 55 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/data-table/ha-data-table.ts
View File

@@ -173,8 +173,8 @@ export class HaDataTable extends LitElement {
this.updateComplete.then(() => this._calcTableHeight());
}
protected updated(properties: PropertyValues) {
super.updated(properties);
public willUpdate(properties: PropertyValues) {
super.willUpdate(properties);
if (properties.has("columns")) {
this._filterable = Object.values(this.columns).some(
@@ -342,6 +342,10 @@ export class HaDataTable extends LitElement {
layout: Layout1d,
// @ts-expect-error
renderItem: (row: DataTableRowData, index) => {
// not sure how this happens...
if (!row) {
return "";
}
if (row.append) {
return html`
<div class="mdc-data-table__row">${row.content}</div>
@@ -474,15 +478,16 @@ export class HaDataTable extends LitElement {
}
if (this.appendRow || this.hasFab) {
this._items = [...data];
const items = [...data];
if (this.appendRow) {
this._items.push({ append: true, content: this.appendRow });
items.push({ append: true, content: this.appendRow });
}
if (this.hasFab) {
this._items.push({ empty: true });
items.push({ empty: true });
}
this._items = items;
} else {
this._items = data;
}