Use localize func in table settings dialog (#21335)

src/components/data-table/dialog-data-table-settings.ts

@@ -78,6 +78,8 @@ export class DialogDataTableSettings extends LitElement {
       return nothing;
     }
 
+    const localize = this._params.localizeFunc || this.hass.localize;
+
     const columns = this._sortedColumns(
       this._params.columns,
       this._columnOrder,
@@ -90,7 +92,7 @@ export class DialogDataTableSettings extends LitElement {
         @closed=${this.closeDialog}
         .heading=${createCloseHeading(
           this.hass,
-          this.hass.localize("ui.components.data-table.settings.header")
+          localize("ui.components.data-table.settings.header")
         )}
       >
         <ha-sortable
@@ -146,12 +148,10 @@ export class DialogDataTableSettings extends LitElement {
           </mwc-list>
         </ha-sortable>
         <ha-button slot="secondaryAction" @click=${this._reset}
-          >${this.hass.localize(
-            "ui.components.data-table.settings.restore"
-          )}</ha-button
+          >${localize("ui.components.data-table.settings.restore")}</ha-button
         >
         <ha-button slot="primaryAction" @click=${this.closeDialog}>
-          ${this.hass.localize("ui.components.data-table.settings.done")}
+          ${localize("ui.components.data-table.settings.done")}
         </ha-button>
       </ha-dialog>
     `;

src/components/data-table/show-dialog-data-table-settings.ts

@@ -1,4 +1,5 @@
 import { fireEvent } from "../../common/dom/fire_event";
+import { LocalizeFunc } from "../../common/translations/localize";
 import { DataTableColumnContainer } from "./ha-data-table";
 
 export interface DataTableSettingsDialogParams {
@@ -9,6 +10,7 @@ export interface DataTableSettingsDialogParams {
   ) => void;
   hiddenColumns?: string[];
   columnOrder?: string[];
+  localizeFunc?: LocalizeFunc;
 }
 
 export const loadDataTableSettingsDialog = () =>

src/layouts/hass-tabs-subpage-data-table.ts

@@ -638,6 +638,7 @@ export class HaTabsSubpageDataTable extends LitElement {
         this.hiddenColumns = hiddenColumns;
         fireEvent(this, "columns-changed", { columnOrder, hiddenColumns });
       },
+      localizeFunc: this.localizeFunc,
     });
   }