@yuneta/gobj-ui 7.26.39 → 7.26.41

package/dist/gobj-ui.es.js

@@ -500,8 +500,16 @@ function text_node(value) {
 *  Tabulator puts a STRING title in with innerHTML, so a title taken
 *  from a schema (`header`, which the schema editor writes) is markup
 *  unless the column carries a formatter that returns a Node.
+*
+*  And it APPENDS that Node to the title's holder, which it never
+*  empties -- while it runs the formatter again on every setLocale()
+*  (yui_tabulator_relocalize()). Until 7.26.40 each change of language
+*  added one more copy of every title ("Id dispositivoId dispositivo").
+*  The holder (the mock cell's element) is emptied first.
 ************************************************************/
 function text_title_formatter(cell) {
+	const $holder = typeof cell.getElement === "function" ? cell.getElement() : null;
+	if ($holder) $holder.textContent = "";
 	return text_node(cell.getValue());
 }
 /************************************************************
@@ -7101,6 +7109,12 @@ function register_c_yui_wizard() {
 *          new Tabulator($el, {..., ...yui_tabulator_lang(t)});
 *          yui_tabulator_relocalize(table, t);   // on a language change
 *
+*      A view whose COLUMN TITLES change language hands them too, in the
+*      new language, by field -- Tabulator binds each column's title to its
+*      locale, so they change with it and no column is rebuilt:
+*
+*          yui_tabulator_relocalize(table, t, {device_id: t("device id")});
+*
 *      Every key carries an English `defaultValue`, so an app that does not
 *      define it renders exactly what Tabulator rendered before — the
 *      keys are an OPPORTUNITY to translate, never a requirement.
@@ -7259,11 +7273,23 @@ function yui_tabulator_name_editor(column_def, name_of) {
 		return Object.assign({}, params, { elementAttributes: attrs });
 	};
 }
-function yui_tabulator_relocalize(table, t) {
+/***************************************************************
+*  yui_tabulator_relocalize() -- see "Put an EXISTING table in the
+*  current language" above.
+*
+*  `titles`, optional: {field: title}, the titles of the columns in
+*  the new language, already translated. They go in the locale
+*  (`columns`), where Tabulator binds each column's title: setLocale()
+*  draws them again without rebuilding a column -- updateDefinition()
+*  re-renders every row, and a row whose formatter builds something (a
+*  nested table) builds it anew. A field left out keeps its title.
+***************************************************************/
+function yui_tabulator_relocalize(table, t, titles) {
 	if (!table) return;
 	try {
 		let name = next_lang_name();
 		let strings = tabulator_strings(t);
+		if (titles && typeof titles === "object") strings.columns = Object.assign({}, titles);
 		table.options.langs = table.options.langs || {};
 		table.options.langs[name] = strings;
 		let localize = table.modules && table.modules.localize;
@@ -9482,7 +9508,7 @@ var attrs_table$17 = [
 	SDATA_END()
 ];
 var PRIVATE_DATA$17 = {
-	rearm_timer: null,
+	loading_rows: 0,
 	tables: null,
 	table_seq: 0,
 	json_names_posted: false,
@@ -9538,18 +9564,12 @@ function mt_stop$17(gobj) {
 *      Local Methods
 ***************************/
 /************************************************************
-*
-************************************************************/
-function isEventSet(table, event) {
-	let eventListeners = table.externalEvents.events;
-	return eventListeners && eventListeners[event] && eventListeners[event].length > 0;
-}
-/************************************************************
-*
+*  `changes` and the save/undo buttons. What the tables say is
+*  not switched here: they always say it (create_tabulator).
 ************************************************************/
 function set_changed_stated(gobj, changed) {
 	let $container = gobj_read_attr(gobj, "$container");
-	let $form = $container.querySelector("form");
+	$container.querySelector("form");
 	const enable = ($btn, on, color) => {
 		if (!$btn) return;
 		if (on) $btn.removeAttribute("disabled");
@@ -9564,35 +9584,11 @@ function set_changed_stated(gobj, changed) {
 		gobj_write_bool_attr(gobj, "changes", true);
 		enable($button_save, true, "MediumSeaGreen");
 		enable($button_undo, true, "Magenta");
-		$form.querySelectorAll(".yui-tabulator-table").forEach(($table) => {
-			if ($table.tabulator && isEventSet($table.tabulator, "dataChanged")) $table.tabulator.off("dataChanged");
-			$table.querySelectorAll(".yui-tabulator-table-nested").forEach(($table_nested) => {
-				if ($table_nested.tabulator && isEventSet($table_nested.tabulator, "dataChanged")) $table_nested.tabulator.off("dataChanged");
-			});
-		});
 	} else {
 		gobj_write_bool_attr(gobj, "changes", false);
 		gobj_write_bool_attr(gobj, "edited", false);
 		enable($button_save, false, OFF_COLOR);
 		enable($button_undo, false, OFF_COLOR);
-		if (gobj.priv.rearm_timer) clearTimeout(gobj.priv.rearm_timer);
-		gobj.priv.rearm_timer = setTimeout(function() {
-			gobj.priv.rearm_timer = null;
-			if (gobj_is_destroying(gobj)) return;
-			const rearm = (tabulator) => {
-				if (!tabulator) return;
-				if (isEventSet(tabulator, "dataChanged")) tabulator.off("dataChanged");
-				tabulator.on("dataChanged", function(data) {
-					gobj_send_event(gobj, "EV_RECORD_CHANGED", {}, gobj);
-				});
-			};
-			$form.querySelectorAll(".yui-tabulator-table").forEach(($table) => {
-				rearm($table.tabulator);
-				$table.querySelectorAll(".yui-tabulator-table-nested").forEach(($table_nested) => {
-					rearm($table_nested.tabulator);
-				});
-			});
-		}, 200);
 	}
 }
 /************************************************************
@@ -9829,10 +9825,6 @@ function build_ui$15(gobj) {
 *   Destroy UI
 ************************************************************/
 function destroy_ui$10(gobj) {
-	if (gobj.priv && gobj.priv.rearm_timer) {
-		clearTimeout(gobj.priv.rearm_timer);
-		gobj.priv.rearm_timer = null;
-	}
 	let $container = gobj_read_attr(gobj, "$container");
 	if ($container) {
 		destroy_widgets(gobj, $container);
@@ -11226,6 +11218,10 @@ function create_tabulator$1(gobj, $extend, name, template) {
 		hozAlign: "center"
 	};
 	let tabulator = new TabulatorFull($extend, tabulator_settings);
+	tabulator.on("dataChanged", function() {
+		if (gobj.priv.loading_rows > 0) return;
+		gobj_send_event(gobj, "EV_RECORD_CHANGED", {}, gobj);
+	});
 	tabulator.on("renderComplete", function() {
 		yui_tabulator_name_row_selects(tabulator, t);
 	});
@@ -11243,6 +11239,24 @@ function create_tabulator$1(gobj, $extend, name, template) {
 	return tabulator;
 }
 /******************************************************************
+*  The title of a table's column: the schema's header, or the
+*  field's name, translated.
+******************************************************************/
+function column_title(field_desc) {
+	return t(field_desc.header || field_desc.name);
+}
+/******************************************************************
+*  {field: title} of a table's template, in the current language.
+******************************************************************/
+function table_column_titles(template) {
+	let titles = {};
+	Object.entries(template || {}).forEach(([key, value]) => {
+		const field_desc = template_get_field_desc(key, value);
+		titles[field_desc.name] = column_title(field_desc);
+	});
+	return titles;
+}
+/******************************************************************
 *  Convert a template's items in tabulator columns
 ******************************************************************/
 function template2columns(gobj, columns, template, sub_elements) {
@@ -11255,7 +11269,7 @@ function template2columns(gobj, columns, template, sub_elements) {
 		let validator = [];
 		let column = {
 			field: field_desc.name,
-			title: t(field_desc.header || field_desc.name),
+			title: column_title(field_desc),
 			titleFormatter: text_title_formatter,
 			editable: get_editable_state,
 			editor: false,
@@ -12110,7 +12124,14 @@ function ac_add_table_row(gobj, event, kw, src) {
 	}
 	let record = kw.record;
 	let loading = kw.loading;
-	tabulator.addRow(record).then(function(row) {
+	let added;
+	if (loading) gobj.priv.loading_rows++;
+	try {
+		added = tabulator.addRow(record);
+	} finally {
+		if (loading) gobj.priv.loading_rows--;
+	}
+	added.then(function(row) {
 		if (loading) {
 			let template = $table.template;
 			Object.entries(template).forEach(([key, template_value]) => {
@@ -12217,6 +12238,10 @@ function ac_language_changed$10(gobj, event, kw, src) {
 		let editor = $editor.jsoneditor;
 		if (editor && typeof editor.updateProps === "function") editor.updateProps({ onRenderMenu: json_editor_render_menu(gobj) });
 	}
+	for (let $table of $container.querySelectorAll(".yui-tabulator-table, .yui-tabulator-table-nested")) {
+		let tabulator = $table.tabulator;
+		if (tabulator && tabulator.initialized && $table.template) yui_tabulator_relocalize(tabulator, t, table_column_titles($table.template));
+	}
 	return 0;
 }
 /***************************
@@ -13391,41 +13416,58 @@ function register_c_yui_map() {
 	return create_gclass$16(GCLASS_NAME$16);
 }
 //#endregion
-//#region src/c_yui_uplot.js
+//#region src/yui_uplot_ink.js
 /***********************************************************************
-*          c_yui_uplot.js
+*          yui_uplot_ink.js
 *
-*          Graphics, Charts with uPlot
+*      The ink of a uPlot chart, on both schemes, and its palette.
 *
-*          Copyright (c) 2025-2026, ArtGins.
+*      uPlot is built for a white page: its axis labels are `#000`
+*      and its grid `rgba(0,0,0,0.07)`, which on the dark scheme are
+*      1.16:1 and 1.04 -- an axis nobody can read and a grid that is
+*      not there. The inks here are handed to uPlot as FUNCTIONS: it
+*      calls them when it draws, so the value can never be stale --
+*      what goes stale is the canvas, and a change of the theme has to
+*      ask for a redraw (yui_watch_theme() turns it into an event).
+*
+*      uPlot ALWAYS draws a Y axis: its setDefaults() makes axes[1]
+*      whether it was given or not, with its own black. So the axes are
+*      padded to two before they are inked. C_YUI_UPLOT's default is
+*      `[{}]`, the X axis alone, and until 7.26.40 every chart of the
+*      library had a Y axis whose values could not be read in the dark.
+*
+*      C_YUI_UPLOT uses it, and so can an app that builds a uPlot of its
+*      own:
+*
+*          import {yui_uplot_axes} from "@yuneta/gobj-ui/src/yui_uplot_ink.js";
+*
+*          const chart = new uPlot({
+*              width: 600, height: 300,
+*              series: [{}, {label: "temperature"}],
+*              axes: yui_uplot_axes([{}]),     // X and Y, with the ink of the theme
+*          }, data, $el);
+*
+*      The palette is six colours that clear 3:1 on BOTH grounds
+*      (worst 3.39 on white, 3.71 on near-black), ordered so the first
+*      two are the pair that survives colour blindness -- blue and
+*      orange, never red and green as the opening pair.
+*
+*          Copyright (c) 2026, ArtGins.
 *          All Rights Reserved.
 ***********************************************************************/
-/***************************************************************
-*  The ink of a chart, and its palette.
-*
-*  uPlot is built for a white page: its axis labels are `#000`
-*  and its grid `rgba(0,0,0,0.07)`, which on the dark scheme are
-*  1.16:1 and 1.04 -- an axis nobody can read and a grid that is
-*  not there. And the series were CSS colour names: `blue` is
-*  2.11:1 on the dark ground, `orange` 1.97 on the light one, so
-*  whichever scheme you were in, one of the lines was a rumour.
-*
-*  These are given to uPlot as FUNCTIONS: it calls them when it
-*  draws, so the value can never be stale -- what goes stale is
-*  the canvas, and that is what EV_THEME redraws.
-*
-*  The palette is six colours that clear 3:1 on BOTH grounds
-*  (worst 3.39 on white, 3.71 on near-black), ordered so the
-*  first two are the pair that survives colour blindness -- blue
-*  and orange, never red and green as the opening pair.
-***************************************************************/
-function axis_ink() {
+/************************************************************
+*  The ink of the labels of an axis.
+************************************************************/
+function yui_uplot_axis_ink() {
 	return yui_is_dark() ? "#c7cdd8" : "#2e333d";
 }
-function grid_ink() {
+/************************************************************
+*  The ink of the grid and of the ticks.
+************************************************************/
+function yui_uplot_grid_ink() {
 	return yui_is_dark() ? "rgba(199,205,216,0.16)" : "rgba(46,51,61,0.12)";
 }
-var CHART_PALETTE = [
+var YUI_UPLOT_PALETTE = [
 	{
 		stroke: "#2f6fd0",
 		fill: "rgba(47,111,208,0.10)"
@@ -13451,15 +13493,33 @@ var CHART_PALETTE = [
 		fill: "rgba(209,52,75,0.10)"
 	}
 ];
-function themed_axes(axes) {
-	return (Array.isArray(axes) ? axes : [axes || {}]).map((ax) => {
+/************************************************************
+*  The axes the host asked for -- at least the X and the Y,
+*  the two uPlot always draws -- with the ink it did not ask
+*  about. A stroke, a grid or a ticks the host gave is kept.
+*  Answers new objects: the host's are not touched.
+************************************************************/
+function yui_uplot_axes(axes) {
+	let list = Array.isArray(axes) ? axes.slice() : [axes || {}];
+	while (list.length < 2) list.push({});
+	return list.map((ax) => {
 		let a = Object.assign({}, ax || {});
-		if (a.stroke === void 0) a.stroke = axis_ink;
-		a.grid = Object.assign({ stroke: grid_ink }, a.grid || {});
-		a.ticks = Object.assign({ stroke: grid_ink }, a.ticks || {});
+		if (a.stroke === void 0) a.stroke = yui_uplot_axis_ink;
+		a.grid = Object.assign({ stroke: yui_uplot_grid_ink }, a.grid || {});
+		a.ticks = Object.assign({ stroke: yui_uplot_grid_ink }, a.ticks || {});
 		return a;
 	});
 }
+//#endregion
+//#region src/c_yui_uplot.js
+/***********************************************************************
+*          c_yui_uplot.js
+*
+*          Graphics, Charts with uPlot
+*
+*          Copyright (c) 2025-2026, ArtGins.
+*          All Rights Reserved.
+***********************************************************************/
 /***************************************************************
 *              Constants
 ***************************************************************/
@@ -13477,7 +13537,7 @@ var attrs_table$15 = [
 	SDATA(data_type_t.DTP_JSON, "axes", 0, [{}], "Chart axes"),
 	SDATA(data_type_t.DTP_JSON, "scales", 0, {}, "Chart scales"),
 	SDATA(data_type_t.DTP_JSON, "data", 0, [[]], "Chart data"),
-	SDATA(data_type_t.DTP_JSON, "colors", 0, CHART_PALETTE, "Series colours, in order. The default palette clears 3:1 on both schemes and opens with the colour-blind-safe pair (blue, orange)"),
+	SDATA(data_type_t.DTP_JSON, "colors", 0, YUI_UPLOT_PALETTE, "Series colours, in order. The default palette clears 3:1 on both schemes and opens with the colour-blind-safe pair (blue, orange)"),
 	SDATA(data_type_t.DTP_POINTER, "$container", 0, null, "HTML container for the chart"),
 	SDATA(data_type_t.DTP_BOOLEAN, "own_container", 0, false, "If true, container is gobj-managed"),
 	SDATA(data_type_t.DTP_POINTER, "uplot", 0, null, "uPlot instance"),
@@ -13544,7 +13604,7 @@ function build_ui$14(gobj) {
 		width: gobj_read_attr(gobj, "width"),
 		height: gobj_read_attr(gobj, "height"),
 		series: gobj_read_attr(gobj, "series"),
-		axes: themed_axes(gobj_read_attr(gobj, "axes")),
+		axes: yui_uplot_axes(gobj_read_attr(gobj, "axes")),
 		scales: gobj_read_attr(gobj, "scales")
 	};
 	let uplot = new uPlot(uPlot_options, gobj_read_attr(gobj, "data"), $container);
@@ -13645,7 +13705,7 @@ function ac_add_serie(gobj, event, kw, src) {
 		}
 	}
 	let colors = gobj_read_attr(gobj, "colors");
-	if (!Array.isArray(colors) || !colors.length) colors = CHART_PALETTE;
+	if (!Array.isArray(colors) || !colors.length) colors = YUI_UPLOT_PALETTE;
 	let color = colors[Math.max(0, idx - 1) % colors.length];
 	if (kw.stroke === void 0) kw.stroke = color.stroke;
 	if (kw.fill === void 0) kw.fill = color.fill;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yuneta/gobj-ui",
-  "version": "7.26.39",
+  "version": "7.26.41",
   "type": "module",
   "main": "dist/gobj-ui.cjs.js",
   "module": "dist/gobj-ui.es.js",

package/src/c_yui_form.js

@@ -55,7 +55,11 @@ import {
 
 import {t} from "i18next";
 
-import {yui_tabulator_name_row_selects, yui_tabulator_name_editor} from "./yui_tabulator_i18n.js";
+import {
+    yui_tabulator_name_row_selects,
+    yui_tabulator_name_editor,
+    yui_tabulator_relocalize
+} from "./yui_tabulator_i18n.js";
 import "tom-select/dist/css/tom-select.css"; // Import Tom-Select CSS
 import TomSelect from "tom-select"; // Import Tom-Select JS
 
@@ -172,9 +176,10 @@ SDATA_END()
 ];
 
 let PRIVATE_DATA = {
-    /*  The deferred re-wiring of the tables' dataChanged after a
-     *  save/undo (see set_changed_stated): cancelled in destroy_ui. */
-    rearm_timer: null,
+    /*  > 0 while the FORM adds rows (a record loaded, a nested table
+     *  filled): what a table says then is no change of the reader's
+     *  (see create_tabulator's dataChanged).  */
+    loading_rows: 0,
     /*  table_id -> WeakRef of its element: EV_ADD_TABLE_ROW names a
      *  table by id (a kw is plain json), see table_identity().  */
     tables: null,
@@ -281,17 +286,8 @@ function mt_stop(gobj)
 
 
 /************************************************************
- *
- ************************************************************/
-function isEventSet(table, event)
-{
-    // Access the event listeners directly from the Tabulator instance
-    let eventListeners = table.externalEvents.events;
-    return eventListeners && eventListeners[event] && eventListeners[event].length > 0;
-}
-
-/************************************************************
- *
+ *  `changes` and the save/undo buttons. What the tables say is
+ *  not switched here: they always say it (create_tabulator).
  ************************************************************/
 function set_changed_stated(gobj, changed)
 {
@@ -333,18 +329,6 @@ function set_changed_stated(gobj, changed)
         enable($button_save, true, "MediumSeaGreen");
         enable($button_undo, true, "Magenta");
 
-        $form.querySelectorAll('.yui-tabulator-table').forEach($table => {
-            if($table.tabulator && isEventSet($table.tabulator, "dataChanged")) {
-                $table.tabulator.off("dataChanged");
-            }
-
-            $table.querySelectorAll('.yui-tabulator-table-nested').forEach($table_nested => {
-                if($table_nested.tabulator && isEventSet($table_nested.tabulator, "dataChanged")) {
-                    $table_nested.tabulator.off("dataChanged");
-                }
-            });
-        });
-
     } else {
         /*
          *  Data not changed, disable buttons to save/undo
@@ -354,41 +338,6 @@ function set_changed_stated(gobj, changed)
 
         enable($button_save, false, OFF_COLOR);
         enable($button_undo, false, OFF_COLOR);
-
-        /*
-         *  TODO improve. The tables are re-wired a moment later, once the
-         *  data just loaded has settled. The timer is kept so that
-         *  destroy_ui() cancels it: a form closed right after a save (what
-         *  a dialog does) destroyed its widgets first, and the timer then
-         *  called .on() on a null tabulator -- an uncaught TypeError.
-         */
-        if(gobj.priv.rearm_timer) {
-            clearTimeout(gobj.priv.rearm_timer);
-        }
-        gobj.priv.rearm_timer = setTimeout(function() {
-            gobj.priv.rearm_timer = null;
-            if(gobj_is_destroying(gobj)) {
-                return;     // destroy_ui() cancels it; this is the belt
-            }
-            const rearm = (tabulator) => {
-                if(!tabulator) {
-                    return;     // destroyed with its form
-                }
-                if(isEventSet(tabulator, "dataChanged")) {
-                    tabulator.off("dataChanged");
-                }
-                tabulator.on("dataChanged", function(data) {
-                    //data - the updated table data
-                    gobj_send_event(gobj, "EV_RECORD_CHANGED", {}, gobj);
-                });
-            };
-            $form.querySelectorAll('.yui-tabulator-table').forEach($table => {
-                rearm($table.tabulator);
-                $table.querySelectorAll('.yui-tabulator-table-nested').forEach($table_nested => {
-                    rearm($table_nested.tabulator);
-                });
-            });
-        }, 200);
     }
 }
 
@@ -562,10 +511,6 @@ function build_ui(gobj)
  ************************************************************/
 function destroy_ui(gobj)
 {
-    if(gobj.priv && gobj.priv.rearm_timer) {
-        clearTimeout(gobj.priv.rearm_timer);
-        gobj.priv.rearm_timer = null;
-    }
     let $container = gobj_read_attr(gobj, "$container");
     if($container) {
         destroy_widgets(gobj, $container);
@@ -2332,6 +2277,22 @@ function create_tabulator(gobj, $extend, name, template)
         $extend,
         tabulator_settings
     );
+    /*  What the READER does to a table -- edits a cell, adds or deletes a
+     *  row -- reaches the form only through `dataChanged`. Wired here, on
+     *  every table, nested ones included (a row's formatter builds them
+     *  whenever the row is drawn), and never switched off: until 7.26.40
+     *  it was unwired whenever the form was CHANGED and re-wired only by a
+     *  save, an undo or a load of what is stored, so a form that opened
+     *  changed (a field its record lacks, filled with its default) never
+     *  heard its tables -- an edit there was not `edited`, and closing lost
+     *  it without a question. The rows the form adds itself say nothing
+     *  (`loading_rows`, ac_add_table_row).  */
+    tabulator.on("dataChanged", function() {
+        if(gobj.priv.loading_rows > 0) {
+            return;
+        }
+        gobj_send_event(gobj, "EV_RECORD_CHANGED", {}, gobj);
+    });
     /*  Tabulator hard-codes `aria-label="Select Row"` on the box its
      *  rowSelection formatter draws, and it draws a fresh one on EVERY
      *  render -- so this hangs off `renderComplete`, not `tableBuilt`:
@@ -2369,6 +2330,28 @@ function create_tabulator(gobj, $extend, name, template)
     return tabulator;
 }
 
+/******************************************************************
+ *  The title of a table's column: the schema's header, or the
+ *  field's name, translated.
+ ******************************************************************/
+function column_title(field_desc)
+{
+    return t(/* i18n: data */ field_desc.header || field_desc.name);    // the host's schema
+}
+
+/******************************************************************
+ *  {field: title} of a table's template, in the current language.
+ ******************************************************************/
+function table_column_titles(template)
+{
+    let titles = {};
+    Object.entries(template || {}).forEach(([key, value]) => {
+        const field_desc = template_get_field_desc(key, value);
+        titles[field_desc.name] = column_title(field_desc);
+    });
+    return titles;
+}
+
 /******************************************************************
  *  Convert a template's items in tabulator columns
  ******************************************************************/
@@ -2388,7 +2371,7 @@ function template2columns(gobj, columns, template, sub_elements)
         let validator = [];
         let column = {
             field: field_desc.name,
-            title: t(/* i18n: data */ field_desc.header || field_desc.name),    // the host's schema
+            title: column_title(field_desc),
             titleFormatter: text_title_formatter,
             editable: get_editable_state,
             editor: false,
@@ -3793,7 +3776,23 @@ function ac_add_table_row(gobj, event, kw, src)
     let record = kw.record;
     let loading = kw.loading;
 
-    tabulator.addRow(record)
+    /*  Tabulator says `dataChanged` INSIDE addRow(), synchronously: a row
+     *  loaded from the record is muted there, whenever it lands -- also
+     *  from a `tableBuilt` that comes after the load returned, which is
+     *  why no timer can tell the two apart.  */
+    let added;
+    if(loading) {
+        gobj.priv.loading_rows++;
+    }
+    try {
+        added = tabulator.addRow(record);
+    } finally {
+        if(loading) {
+            gobj.priv.loading_rows--;
+        }
+    }
+
+    added
         .then(function(row) {
             if(loading) {
                 /*
@@ -3955,6 +3954,19 @@ function ac_language_changed(gobj, event, kw, src)
             editor.updateProps({onRenderMenu: json_editor_render_menu(gobj)});
         }
     }
+
+    /*  The titles of the columns of every table, nested ones included:
+     *  Tabulator draws them at build, so they stayed in the language the
+     *  form was built in. Through the table's LOCALE, never by
+     *  updateDefinition(): rebuilding a column re-renders every row, and
+     *  a row's formatter builds its nested tables anew -- empty. A table
+     *  not built yet is drawn in the current language when it is.  */
+    for(let $table of $container.querySelectorAll(".yui-tabulator-table, .yui-tabulator-table-nested")) {
+        let tabulator = $table.tabulator;
+        if(tabulator && tabulator.initialized && $table.template) {
+            yui_tabulator_relocalize(tabulator, t, table_column_titles($table.template));
+        }
+    }
     return 0;
 }