diff --git a/tests/static-toolboxes.test.mjs b/tests/static-toolboxes.test.mjs
index a3eba93..c776e46 100644
--- a/tests/static-toolboxes.test.mjs
+++ b/tests/static-toolboxes.test.mjs
@@ -147,6 +147,8 @@ test("toolbox module registry and modules expose expected behavior", async () =>
   const calculatorModule = await readFile("website/src/features/toolboxes/modules/CalculatorModule.jsx", "utf8");
   const tableModule = await readFile("website/src/features/toolboxes/modules/TableModule.jsx", "utf8");
   const tableGridParts = await readFile("website/src/features/toolboxes/modules/TableGridParts.jsx", "utf8");
+  const tableToolbar = await readFile("website/src/features/toolboxes/modules/TableToolbar.jsx", "utf8");
+  const tableBundle = `${tableModule}\n${tableGridParts}\n${tableToolbar}`;
   const tableUtils = await readFile("website/src/features/toolboxes/modules/tableUtils.js", "utf8");
   const tableFormulaEngine = await readFile("website/src/features/toolboxes/modules/tableFormulaEngine.js", "utf8");
   const timerModule = await readFile("website/src/features/toolboxes/modules/TimerModule.jsx", "utf8");
@@ -283,16 +285,16 @@ test("toolbox module registry and modules expose expected behavior", async () =>
   assert.match(calculatorModule, /--calculator-scroll-height/);
   assert.match(calculatorModule, /CalculatorEntries/);
   assert.match(tableModule, /export function TableModule/);
-  assert.match(tableModule, /Icon name="add-row"/);
-  assert.match(tableModule, /Icon name="add-column"/);
-  assert.match(tableModule, /Icon name="remove-row"/);
-  assert.match(tableModule, /Icon name="remove-column"/);
+  assert.match(tableBundle, /Icon name="add-row"/);
+  assert.match(tableBundle, /Icon name="add-column"/);
+  assert.match(tableBundle, /Icon name="remove-row"/);
+  assert.match(tableBundle, /Icon name="remove-column"/);
   assert.match(tableModule, /insertFormulaReferenceSelection/);
   assert.match(tableModule, /startFormulaSelection/);
   assert.match(tableModule, /copyTsv/);
-  assert.match(tableModule, /notepad-toolbar table-toolbar/);
-  assert.match(tableModule, /notepad-toolbar-group/);
-  assert.match(tableModule, /notepad-toolbar-button/);
+  assert.match(tableBundle, /notepad-toolbar table-toolbar/);
+  assert.match(tableBundle, /notepad-toolbar-group/);
+  assert.match(tableBundle, /notepad-toolbar-button/);
   assert.match(tableModule, /selection/);
   assert.match(tableModule, /draggingSelectionRef/);
   assert.match(tableModule, /movingSelectionRef/);
diff --git a/website/src/features/toolboxes/modules/TableModule.jsx b/website/src/features/toolboxes/modules/TableModule.jsx
index 4f9dfe2..d75b21c 100644
--- a/website/src/features/toolboxes/modules/TableModule.jsx
+++ b/website/src/features/toolboxes/modules/TableModule.jsx
@@ -1,14 +1,12 @@
 // Rôle : fournit l'outil tableau avec cellules libres, formules simples et échange TSV.
 import { useEffect, useMemo, useRef, useState } from "react";
-import { Icon } from "../../../components/Icon.jsx";
 import { TextExchangeActions } from "./TextExchangeActions.jsx";
 import { cellAddress, columnIndexToName, evaluateTable, parseCellAddress } from "./tableFormulaEngine.js";
 import { HeaderLabelInput, TableRow } from "./TableGridParts.jsx";
+import { TableToolbar } from "./TableToolbar.jsx";
 import {
   DEFAULT_COLUMNS,
   DEFAULT_ROWS,
-  MAX_COLUMNS,
-  MAX_ROWS,
   clampCellPosition,
   cleanCells,
   cleanLabels,
@@ -411,69 +409,7 @@ export function TableModule({ toolboxId, moduleId, context, textExchangeOpen })
           <TextExchangeActions type="table" data={data} context={context} textContent={textContent} exportLabel="Exporter TSV" onImport={(nextData) => context.setModuleData(toolboxId, moduleId, nextData, "table")} />
         </div>
       )}
-      <div className="notepad-toolbar table-toolbar" aria-label={textContent.toolbarLabel || "Actions du tableau"}>
-        <div className="notepad-format-controls table-controls">
-          <div className="notepad-toolbar-group" role="group" aria-label={textContent.rowActionsLabel || "Lignes"}>
-            <button
-              className="notepad-toolbar-button"
-              type="button"
-              onClick={() => resize(Math.min(MAX_ROWS, data.rows + 1), data.columns)}
-              disabled={data.rows >= MAX_ROWS}
-              aria-label={textContent.addRowTitle || "Ajouter une ligne"}
-              title={textContent.addRowTitle || "Ajouter une ligne"}
-            >
-              <Icon name="add-row" />
-            </button>
-            <button
-              className="notepad-toolbar-button danger"
-              type="button"
-              onClick={() => resize(Math.max(1, data.rows - 1), data.columns)}
-              disabled={data.rows <= 1}
-              aria-label={textContent.removeRowTitle || "Supprimer la dernière ligne"}
-              title={textContent.removeRowTitle || "Supprimer la dernière ligne"}
-            >
-              <Icon name="remove-row" />
-            </button>
-          </div>
-          <div className="notepad-toolbar-group" role="group" aria-label={textContent.columnActionsLabel || "Colonnes"}>
-            <button
-              className="notepad-toolbar-button"
-              type="button"
-              onClick={() => resize(data.rows, Math.min(MAX_COLUMNS, data.columns + 1))}
-              disabled={data.columns >= MAX_COLUMNS}
-              aria-label={textContent.addColumnTitle || "Ajouter une colonne"}
-              title={textContent.addColumnTitle || "Ajouter une colonne"}
-            >
-              <Icon name="add-column" />
-            </button>
-            <button
-              className="notepad-toolbar-button danger"
-              type="button"
-              onClick={() => resize(data.rows, Math.max(1, data.columns - 1))}
-              disabled={data.columns <= 1}
-              aria-label={textContent.removeColumnTitle || "Supprimer la dernière colonne"}
-              title={textContent.removeColumnTitle || "Supprimer la dernière colonne"}
-            >
-              <Icon name="remove-column" />
-            </button>
-          </div>
-          <div className="notepad-toolbar-group table-size-group" aria-label={textContent.sizeLabel || "Taille du tableau"}>
-            <span className="table-size-indicator">{data.rows} x {data.columns}</span>
-          </div>
-        </div>
-        <div className="notepad-toolbar-group table-copy-group">
-          <button
-            className="notepad-toolbar-button table-copy-button"
-            type="button"
-            onClick={copyTsv}
-            aria-label={textContent.copyTitle || "Copier les valeurs"}
-            title={textContent.copyTitle || "Copier les valeurs"}
-          >
-            <Icon name="copy" />
-            <span>{textContent.copyTitle || "Copier les valeurs"}</span>
-          </button>
-        </div>
-      </div>
+      <TableToolbar rows={data.rows} columns={data.columns} textContent={textContent} onResize={resize} onCopy={copyTsv} />
       <div className="table-grid-wrap legacy-scrollbar">
         <div
           className="table-grid"
diff --git a/website/src/features/toolboxes/modules/TableToolbar.jsx b/website/src/features/toolboxes/modules/TableToolbar.jsx
new file mode 100644
index 0000000..6418058
--- /dev/null
+++ b/website/src/features/toolboxes/modules/TableToolbar.jsx
@@ -0,0 +1,71 @@
+// Rôle : rend la barre d'actions du module Table pour taille, lignes, colonnes et copie.
+import { Icon } from "../../../components/Icon.jsx";
+import { MAX_COLUMNS, MAX_ROWS } from "./tableUtils.js";
+
+export function TableToolbar({ rows, columns, textContent, onResize, onCopy }) {
+  return (
+    <div className="notepad-toolbar table-toolbar" aria-label={textContent.toolbarLabel || "Actions du tableau"}>
+      <div className="notepad-format-controls table-controls">
+        <div className="notepad-toolbar-group" role="group" aria-label={textContent.rowActionsLabel || "Lignes"}>
+          <button
+            className="notepad-toolbar-button"
+            type="button"
+            onClick={() => onResize(Math.min(MAX_ROWS, rows + 1), columns)}
+            disabled={rows >= MAX_ROWS}
+            aria-label={textContent.addRowTitle || "Ajouter une ligne"}
+            title={textContent.addRowTitle || "Ajouter une ligne"}
+          >
+            <Icon name="add-row" />
+          </button>
+          <button
+            className="notepad-toolbar-button danger"
+            type="button"
+            onClick={() => onResize(Math.max(1, rows - 1), columns)}
+            disabled={rows <= 1}
+            aria-label={textContent.removeRowTitle || "Supprimer la dernière ligne"}
+            title={textContent.removeRowTitle || "Supprimer la dernière ligne"}
+          >
+            <Icon name="remove-row" />
+          </button>
+        </div>
+        <div className="notepad-toolbar-group" role="group" aria-label={textContent.columnActionsLabel || "Colonnes"}>
+          <button
+            className="notepad-toolbar-button"
+            type="button"
+            onClick={() => onResize(rows, Math.min(MAX_COLUMNS, columns + 1))}
+            disabled={columns >= MAX_COLUMNS}
+            aria-label={textContent.addColumnTitle || "Ajouter une colonne"}
+            title={textContent.addColumnTitle || "Ajouter une colonne"}
+          >
+            <Icon name="add-column" />
+          </button>
+          <button
+            className="notepad-toolbar-button danger"
+            type="button"
+            onClick={() => onResize(rows, Math.max(1, columns - 1))}
+            disabled={columns <= 1}
+            aria-label={textContent.removeColumnTitle || "Supprimer la dernière colonne"}
+            title={textContent.removeColumnTitle || "Supprimer la dernière colonne"}
+          >
+            <Icon name="remove-column" />
+          </button>
+        </div>
+        <div className="notepad-toolbar-group table-size-group" aria-label={textContent.sizeLabel || "Taille du tableau"}>
+          <span className="table-size-indicator">{rows} x {columns}</span>
+        </div>
+      </div>
+      <div className="notepad-toolbar-group table-copy-group">
+        <button
+          className="notepad-toolbar-button table-copy-button"
+          type="button"
+          onClick={onCopy}
+          aria-label={textContent.copyTitle || "Copier les valeurs"}
+          title={textContent.copyTitle || "Copier les valeurs"}
+        >
+          <Icon name="copy" />
+          <span>{textContent.copyTitle || "Copier les valeurs"}</span>
+        </button>
+      </div>
+    </div>
+  );
+}