Add disabled by column to entity datatable (#9799)

src/panels/config/entities/ha-config-entities.ts

@@ -164,7 +164,7 @@ export class HaConfigEntities extends SubscribeMixin(LitElement) {
   );
 
   private _columns = memoize(
-    (narrow, _language): DataTableColumnContainer => ({
+    (narrow, _language, showDisabled): DataTableColumnContainer => ({
       icon: {
         title: "",
         type: "icon",
@@ -221,6 +221,19 @@ export class HaConfigEntities extends SubscribeMixin(LitElement) {
         filterable: true,
         width: "15%",
       },
+      disabled_by: {
+        title: this.hass.localize(
+          "ui.panel.config.entities.picker.headers.disabled_by"
+        ),
+        sortable: true,
+        hidden: narrow || !showDisabled,
+        filterable: true,
+        width: "15%",
+        template: (disabled_by) =>
+          this.hass.localize(
+            `ui.panel.config.devices.disabled_by.${disabled_by}`
+          ) || disabled_by,
+      },
       status: {
         title: this.hass.localize(
           "ui.panel.config.entities.picker.headers.status"
@@ -466,7 +479,11 @@ export class HaConfigEntities extends SubscribeMixin(LitElement) {
           : "/config"}
         .route=${this.route}
         .tabs=${configSections.integrations}
-        .columns=${this._columns(this.narrow, this.hass.language)}
+        .columns=${this._columns(
+          this.narrow,
+          this.hass.language,
+          this._showDisabled
+        )}
         .data=${filteredEntities}
         .activeFilters=${activeFilters}
         .numHidden=${this._numHiddenEntities}

src/translations/en.json

@@ -2148,6 +2148,7 @@
               "entity_id": "Entity ID",
               "integration": "Integration",
               "area": "Area",
+              "disabled_by": "Disabled by",
               "status": "Status"
             },
             "selected": "{number} selected",