+ {/* Toolbar */}
+
{onReload &&
} disabled={loading} onClick={() => {
setAddedRows([]);
setModifiedRows({});
@@ -2121,36 +2149,38 @@ const DataGrid: React.FC
= ({
)}
- {
- const nextMode = String(val) as GridViewMode;
- if (nextMode === 'json' && cellEditMode) {
- setCellEditMode(false);
- setSelectedCells(new Set());
- currentSelectionRef.current = new Set();
- selectionStartRef.current = null;
- updateCellSelection(new Set());
- }
- if (nextMode === 'text') {
- const selectedKey = selectedRowKeys[0];
- if (selectedKey !== undefined) {
- const idx = mergedDisplayData.findIndex((row) => rowKeyStr(row?.[GONAVI_ROW_KEY]) === rowKeyStr(selectedKey));
- if (idx >= 0) {
- setTextRecordIndex(idx);
- }
- }
- }
- setViewMode(nextMode);
- }}
- />
-
+
+ {
+ const nextMode = String(val) as GridViewMode;
+ if (nextMode === 'json' && cellEditMode) {
+ setCellEditMode(false);
+ setSelectedCells(new Set());
+ currentSelectionRef.current = new Set();
+ selectionStartRef.current = null;
+ updateCellSelection(new Set());
+ }
+ if (nextMode === 'text') {
+ const selectedKey = selectedRowKeys[0];
+ if (selectedKey !== undefined) {
+ const idx = mergedDisplayData.findIndex((row) => rowKeyStr(row?.[GONAVI_ROW_KEY]) === rowKeyStr(selectedKey));
+ if (idx >= 0) {
+ setTextRecordIndex(idx);
+ }
+ }
+ }
+ setViewMode(nextMode);
+ }}
+ />
+
+
{/* Filter Panel */}
{showFilter && (
@@ -2448,8 +2478,8 @@ const DataGrid: React.FC