@threestarsoftware/tssgrid 0.0.7 → 0.0.9

package/src/tssgrid.js

@@ -77,6 +77,7 @@
       this.onEditEnd = opts.onEditEnd || null;
       this.onSelectionChange = opts.onSelectionChange || null;
       this.onHeaderClick = opts.onHeaderClick || null;   // (c, e)=>false で列選択を抑止（ソートUI等を外部で組む用）
+      this.onHeaderRender = opts.onHeaderRender || null; // (th, c) 各列ヘッダthの生成後に呼ぶ。ソートアイコン等の要素差し込み用。再描画毎に自動で再実行される
       this.onBeforePaste = opts.onBeforePaste || null;
       // 確定キーの移動方向（実行時変更可）。'down'|'up'|'right'|'left'|'none'
       this.enterMoves = opts.enterMoves || 'down';
@@ -119,6 +120,7 @@
       const _cm = opts.contextMenu;
       this.contextMenu = _cm !== false;
       this._menuConfig = Array.isArray(_cm) ? _cm : (_cm && Array.isArray(_cm.items)) ? _cm.items : null;
+      this._menuCtx = null;          // 直近の右クリック対象 { on:'col'|'row'|'cell'|'corner', r, c }（メニュー項目へ渡す）
       this.allowInsertRows = opts.allowInsertRows !== false;
       this.allowDeleteRows = opts.allowDeleteRows !== false;
       this.allowInsertCols = opts.allowInsertCols !== false;
@@ -150,6 +152,9 @@
       this.pendingCut = null;
       this.headerDrag = null; this._colAnchor = 0; this._rowAnchor = 0;  // 行/列ヘッダ選択
       this._headerSel = null;   // 'col'/'row'/'all'=列/行/全選択モード（結合に拡張せず実列/行にクランプ＝Excel流）。null=通常セル選択
+      this._selCols = new Set(); // 飛び飛びの列選択（Ctrl+ヘッダクリック）。_headerSel==='col' の時だけ有効。連続選択は矩形と一致
+      this._selRows = new Set(); // 飛び飛びの行選択（Ctrl+行ヘッダクリック）。_headerSel==='row' の時だけ有効
+      this.disjointSelect = opts.disjointSelect !== false;   // Ctrl+ヘッダで行/列を飛び飛び複数選択（false で無効＝Ctrl+クリックは単一選択に戻る）
       // リサイズ（列幅・行高）
       // 列幅 colW[c]=px（未指定は既定）。指定方法は3通り、優先度＝実行時リサイズ/明示colW > columns[c].width > 既定:
       //  1) colWidths: [px, …]            … 位置指定（従来）
@@ -199,6 +204,12 @@
       this.stretchH = opts.stretchH || 'none';
       // セル内折り返し（既定 nowrap）。grid 全体 or columns[c].wordWrap。
       this.wordWrap = !!opts.wordWrap;
+      // 複数行(改行)編集の Enter 挙動: 'commit'(既定・Excel風: Enter=確定 / Alt+Enter=改行) | 'newline'(メモ帳風: Enter=改行 / Ctrl+Enter=確定)。列は columns[c].multiline:true で有効化。
+      this.multilineEnter = opts.multilineEnter === 'newline' ? 'newline' : 'commit';
+      // multiline セル右上の「複数行」ヒント（既定 ON）。色は CSS 変数 --tg-ml-mark で。false で消す。
+      this.multilineMark = opts.multilineMark !== false;
+      // multiline 編集時に伸びる箱の最大行数（既定 10）。超えた分はボックス内スクロール。
+      this.multilineEditMaxLines = opts.multilineEditMaxLines > 0 ? opts.multilineEditMaxLines : 10;
       // 空セルのヒント表示（grid 全体 or columns[c].placeholder）。getData には入らない。
       this.placeholder = opts.placeholder != null ? String(opts.placeholder) : null;
       // 機能トグル
@@ -343,10 +354,19 @@
       this._moveBy(key === 'tab' ? this.tabMoves : this.enterMoves, reverse);
     }
     // CSV 文字列を返す（RFC4180 準拠のクォート）。opts: headers(既定true) / formatted(既定false=素の値, trueで表示形)
-    //   / skipEmpty(既定true=空行除外) / eol(既定 '\r\n'=Excel向け)。JSON は getRows()+JSON.stringify で足りるので非内蔵。
+    //   / skipEmpty(既定true=空行除外) / eol(既定 '\r\n'=Excel向け)
+    //   / sanitizeFormula(既定true=数式インジェクション無害化。生値が要る用途は false でオプトアウト)。
+    // JSON は getRows()+JSON.stringify で足りるので非内蔵。
     toCSV(opts) {
-      const o = Object.assign({ headers: true, formatted: false, skipEmpty: true, eol: '\r\n' }, opts);
-      const esc = s => { s = s == null ? '' : String(s); return /[",\r\n]/.test(s) ? '"' + s.replace(/"/g, '""') + '"' : s; };
+      const o = Object.assign({ headers: true, formatted: false, skipEmpty: true, eol: '\r\n', sanitizeFormula: true }, opts);
+      const esc = s => {
+        s = s == null ? '' : String(s);
+        // CSV数式インジェクション対策: 先頭 = @ タブ/CR は常に、+ - は「全体が普通の数値でない」時だけ ' で無害化。
+        //   -100/-3.14 等の正当な数値は数値のまま／ =1+2・+1+HYPERLINK(..) 等の式ペイロードだけ Excel/Sheets で式解釈されないようにする。
+        if (o.sanitizeFormula !== false &&
+            (/^[=@\t\r]/.test(s) || (/^[+\-]/.test(s) && !/^[+\-]?\d+(\.\d+)?$/.test(s)))) s = "'" + s;
+        return /[",\r\n]/.test(s) ? '"' + s.replace(/"/g, '""') + '"' : s;
+      };
       const lines = [];
       if (o.headers && this.headers) lines.push(this.headers.slice(0, this.COLS).map(esc).join(','));
       for (let r = 0; r < this.ROWS; r++) {
@@ -406,6 +426,13 @@
     }
     // 初回ソート時に「入力順（行参照の並び）」を記録。編集ではズレず、clearSort() で戻せる。
     _rememberOrder() { if (!this._unsortedData) this._unsortedData = this.data.slice(); }
+    // 行 index a,b を列 ci の値で比較（数値同士なら数値・でなければロケール文字列）。符号(asc/desc)は呼び側で掛ける。
+    // sortBy / sortByCols で共有＝単一列と多段で並び規則を完全一致させる。
+    _cmpCell(a, b, ci) {
+      const va = this.data[a][ci], vb = this.data[b][ci];
+      const na = TssGrid.toNum(va), nb = TssGrid.toNum(vb);
+      return (na !== null && nb !== null) ? na - nb : String(va).localeCompare(String(vb));
+    }
     // 列 c（index か data キー）で並べ替え。dir='asc'(既定)|'desc'。数値っぽければ数値比較、でなければ文字列比較。
     sortBy(c, dir) {
       if (this._sortLocked()) return;   // 結合中はソート禁止（値による組み替えで結合帯が散らばる）
@@ -413,11 +440,22 @@
       const sgn = dir === 'desc' ? -1 : 1;
       this._rememberOrder();
       const [full, empty] = this._sortBuckets();
+      full.sort((a, b) => this._cmpCell(a, b, ci) * sgn);
+      this._applyRowOrder(full.concat(empty));
+    }
+    // 多段（複数列）ソート。specs=[{col, dir}] を優先順（先頭=第1キー）に。col=index か data キー、dir='asc'(既定)|'desc'。
+    // 各段は sortBy と同じセル比較。前段が同値のときだけ次段で決める（安定ソート＝残った同値は現在の並びを保つ）。空行は最下部固定。
+    sortByCols(specs) {
+      if (this._sortLocked()) return;   // 結合中はソート禁止
+      const keys = (specs || [])
+        .map(s => ({ ci: this._resolveCol(s && s.col), sgn: (s && s.dir === 'desc') ? -1 : 1 }))
+        .filter(k => k.ci >= 0);
+      if (!keys.length) return;
+      this._rememberOrder();
+      const [full, empty] = this._sortBuckets();
       full.sort((a, b) => {
-        const va = this.data[a][ci], vb = this.data[b][ci];
-        const na = TssGrid.toNum(va), nb = TssGrid.toNum(vb);
-        const d = (na !== null && nb !== null) ? na - nb : String(va).localeCompare(String(vb));
-        return d * sgn;
+        for (const k of keys) { const d = this._cmpCell(a, b, k.ci); if (d) return d * k.sgn; }
+        return 0;
       });
       this._applyRowOrder(full.concat(empty));
     }
@@ -596,6 +634,7 @@
         '<div class="tg-copybox"></div><div class="tg-fillpreview"></div><div class="tg-fillhandle"></div>' +
         '<div class="tg-resizeguide"></div>' +
         '<input class="tg-editor nav" type="text" autocomplete="off" spellcheck="false">' +
+        '<textarea class="tg-editor tg-editor-multi nav" autocomplete="off" spellcheck="false" style="display:none"></textarea>' +
         '<select class="tg-select" style="display:none"></select>' +
         '</div>' + (this.showDump ? '<pre class="tg-dump"></pre>' : '') +
         '<div class="tg-menu" style="display:none"></div></div>';
@@ -604,11 +643,13 @@
       this.selrange = q('.tg-selrange'); this.selbox = q('.tg-selbox');
       this.copybox = q('.tg-copybox'); this.fillhandle = q('.tg-fillhandle'); this.fillpreview = q('.tg-fillpreview');
       this.resizeGuide = q('.tg-resizeguide');
-      this.editor = q('.tg-editor'); this.select = q('.tg-select'); this.dumpEl = q('.tg-dump');
+      this._edInput = q('input.tg-editor'); this._edMulti = q('.tg-editor-multi'); this.editor = this._edInput;
+      this.select = q('.tg-select'); this.dumpEl = q('.tg-dump');
       this.menuEl = q('.tg-menu');
       this.root = q('.tssgrid');
       if (this.className) this.root.className += ' ' + this.className;  // 任意クラス（テーマ付け）
       if (this.wordWrap) this.root.classList.add('tg-wordwrap');        // グリッド全体の折り返し
+      if (!this.multilineMark) this.root.classList.add('tg-no-ml-mark'); // multiline の右上ヒントを消す
       if (!this.cursor) this.root.classList.add('tg-no-cursor');        // 表示専用（選択枠なし＋セルカーソル既定）
       if (this.width) {
         this.wrap.style.width = this.width;                      // 幅制約（横スクロール／固定列用）
@@ -887,7 +928,7 @@
       return null;
     }
     _usesTextEditor(c) {
-      if (this.colCfg(c).editor) return false;   // カスタムエディタは共有 input を使わない
+      if (this.colCfg(c).editor && !this.colCfg(c).multiline) return false;   // カスタムエディタは共有 input を使わない（multiline は textarea を優先）
       const t = this.colType(c);
       return t !== 'checkbox' && t !== 'dropdown' && !this._nativeInputType(c);
     }
@@ -925,7 +966,10 @@
       if (this.data[r][c] === '' && this._placeholder(c) != null) return TssGrid.esc(this._placeholder(c));
       // html:true の列は表示だけ生HTML（値はテキスト保存のまま）。エスケープを外す＝XSS責任は format/値の提供側。
       if (this.colCfg(c).html) return this._displayValue(r, c);
-      return TssGrid.esc(this._displayValue(r, c));
+      const _h = TssGrid.esc(this._displayValue(r, c));
+      // 複数行セルは絶対配置のクリップ箱で包む＝行を押し広げない（行高一定・仮想スクロール維持／行高ぶんだけ表示）
+      if (this.colCfg(c).multiline) return '<div class="tg-ml-clip">' + _h + '</div>';
+      return _h;
     }
     // 条件付き書式: 列版 columns[c].cellClass(value,{r,c,row,src}) ＋ 全体版 cellClass(r,c,value,row,src)。
     // src = 元レコード（オブジェクトデータ時。非表示フィールドも見える＝休日区分など隠し列基準の色付けに）。
@@ -972,7 +1016,7 @@
       if (this._merges && this._isCovered(r, c)) return;   // 従属セルは描画対象なし（cellEl はアンカーへ解決＝誤って上書きしない）
       const td = this.cellEl(r, c); if (!td) return;
       const ph = (this.data[r][c] === '' && this.colType(c) !== 'checkbox') ? this._placeholder(c) : null;
-      if (this.colType(c) === 'checkbox' || (this.colCfg(c).html && ph == null)) td.innerHTML = this._cellHTML(r, c);
+      if (this.colType(c) === 'checkbox' || ((this.colCfg(c).html || this.colCfg(c).multiline) && ph == null)) td.innerHTML = this._cellHTML(r, c);
       else td.textContent = ph != null ? ph : this._displayValue(r, c);
       td.classList.toggle('tg-placeholder', ph != null);
       if (this._marksInvalid) {
@@ -1145,6 +1189,7 @@
         if (this.colType(c) === 'number') cls.push('tg-num');  // 数値は右寄せ
         if (this._isReadOnly(r, c)) cls.push('tg-readonly');  // 読み取り専用（淡色＋カーソル既定）
         if (this.colCfg(c).wordWrap) cls.push('tg-wrap-cell');  // 列単位の折り返し
+        if (this.colCfg(c).multiline) cls.push('tg-multiline-cell');  // 複数行（改行保持＝pre-wrap）
         if (this.data[r][c] === '' && this._placeholder(c) != null) cls.push('tg-placeholder');  // 空セルのヒント
         const al = this._cellAlign(r, c);   // 整列（列既定＋セル上書き）
         if (al.h) cls.push('tg-h-' + al.h); if (al.v) cls.push('tg-v-' + al.v);
@@ -1262,6 +1307,7 @@
       }
       html += '</tbody>';
       this.table.innerHTML = html;
+      if (this.onHeaderRender && this.colHeaders) this._applyHeaderRender();   // 外部がヘッダthを装飾（ソートアイコン等）。高さ確定前に走らせて幾何へ反映
       const thd = this.table.querySelector('thead');
       this._theadH = (this.colHeaders && thd) ? thd.offsetHeight : 0;   // ヘッダ高をキャッシュ（クリップ計算用）
       this._applyTableWidth();
@@ -1273,6 +1319,13 @@
       this._buildGeomCache();   // 実測幾何キャッシュ（全 _apply 後＝幅高が確定してから）
       this.renderDump();
     }
+    // 各リーフ列ヘッダth（data-c 付き）を生成後に onHeaderRender へ渡す。ソートアイコン等の差し込み用。
+    _applyHeaderRender() {
+      for (let c = 0; c < this.COLS; c++) {
+        const th = this.table.querySelector('thead th[data-c="' + c + '"]');
+        if (th) { try { this.onHeaderRender(th, c); } catch (_) {} }
+      }
+    }
     // ---- checkbox 列の全選択（ヘッダ） ----
     // c 以外の列が全部空＝「追加用の空行」。全選択や状態判定はこの行を対象外にする
     // （在庫だけ ON にして空行が中身ありに化け、空行が増殖するのを防ぐ）。
@@ -1360,6 +1413,8 @@
       elem.style.left = R.left + 'px'; elem.style.top = R.top + 'px';
       elem.style.width = R.width + 'px'; elem.style.height = R.height + 'px';
       this._clipOverlay(elem, R.left, R.top, c, r);
+      // multiline を編集中に置き直した時は grow をやり直す（_reflow/ResizeObserver が高さを戻すのを打ち消す）
+      if (elem === this._edMulti && this.mode === 'edit') this._growMultiEditor();
     }
     placeRect(elem, r0, c0, r1, c1) {
       const L = this._colLefts, T = this._rowTops;
@@ -1463,6 +1518,21 @@
         }
         const el = this.cellEl(r, c); if (el) el.classList.add('sel');
       }
+      // 飛び飛びの列選択（Ctrl+ヘッダクリック）: 集合の各列をヘッダ＋セルまでハイライト（連続選択は矩形と重複＝無害）
+      if (this._headerSel === 'col' && this._selCols && this._selCols.size > 1) {
+        for (const sc of this._selCols) {
+          const th = this.table.querySelector('thead th[data-c="' + sc + '"]'); if (th) th.classList.add('selhdr');
+          for (let r = hlo; r <= hhi; r++) { const el = this.cellEl(r, sc); if (el) el.classList.add('sel'); }
+        }
+      }
+      // 飛び飛びの行選択（Ctrl+行ヘッダクリック）: 集合の各行を行ヘッダ＋セルまでハイライト
+      if (this._headerSel === 'row' && this._selRows && this._selRows.size > 1) {
+        for (const sr of this._selRows) {
+          if (this.virtual && (sr < this._vStart || sr >= this._vEnd)) continue;   // 仮想: 窓外は描かない
+          const th = this.table.querySelector('th.rowhead[data-r="' + sr + '"]'); if (th) th.classList.add('selhdr');
+          for (let c = c0; c <= c1; c++) { const el = this.cellEl(sr, c); if (el) el.classList.add('sel'); }
+        }
+      }
     }
     // 選択ヘッダの文字色を --tg-selhdr-bg の輝度から自動決定（暗背景→白／明背景→濃紺）。
     // 既定の明るい選択色は従来どおり濃紺、暗い選択ヘッダ（slate等）でも文字が読める。buildTable でキャッシュ破棄。
@@ -1504,23 +1574,73 @@
         this._clipOverlay(this.fillhandle, fhL, fhT, c1, r1);   // 固定ペインに潜ったら隠す
       } else this.fillhandle.style.display = 'none';
     }
+    _isMultiline(c) { return !!this.colCfg(c).multiline; }
+    // アクティブ列に応じて this.editor を input↔textarea に張り替える（非アクティブ側は隠す）。
+    _pickEditor(c) {
+      const next = this._isMultiline(c) ? this._edMulti : this._edInput;
+      if (next === this.editor) return;
+      this.editor.style.display = 'none'; this.editor.value = '';
+      this.editor = next; next.style.display = '';
+    }
+    // 「アクティブ editor を貼り直して nav へ」= 各選択メソッド共通の choke point（張り替えを place より前に）。
+    _syncEditorNav() { this._pickEditor(this.active.c); this.place(this.editor, this.activeTd()); this.toNav(); }
+    // カーソル位置に文字列を差し込む（multiline の改行挿入用）。
+    _insertText(s) {
+      const el = this.editor, st = el.selectionStart, en = el.selectionEnd, v = el.value;
+      el.value = v.slice(0, st) + s + v.slice(en);
+      const p = st + s.length; el.setSelectionRange(p, p);
+      if (this.editor === this._edMulti) this._growMultiEditor();
+    }
+    // multiline 編集中: textarea を内容ぶん下へ伸ばす（浮いてる箱だけ＝行高/スクロールには不干渉・確定で元に戻る）。
+    _growMultiEditor() {
+      const el = this._edMulti;
+      if (this.editor !== el || this.mode !== 'edit' || !this.wrap) return;
+      const td = this.activeTd(); if (!td) return;
+      const tdRect = td.getBoundingClientRect(), cellH = Math.round(tdRect.height);
+      el.style.height = 'auto';                                   // 一旦リセットして内容高さを測る
+      const content = el.scrollHeight;
+      // 行数上限（既定 multilineEditMaxLines）→ px。超えた分はボックス内スクロール。
+      const cs = getComputedStyle(el);
+      let lineH = parseFloat(cs.lineHeight); if (!lineH || isNaN(lineH)) lineH = (parseFloat(cs.fontSize) || 13) * 1.35;
+      const vpad = (parseFloat(cs.paddingTop) || 0) + (parseFloat(cs.paddingBottom) || 0) + 4;
+      const capByLines = Math.round(this.multilineEditMaxLines * lineH + vpad);
+      // 収める枠 = wrap の可視域 ∩ ビューポート（下優先／足りなければ上へフリップ／それでも足りなければ広い方＋内部スクロール）＝ブラウザからはみ出さない
+      const wr = this.wrap.getBoundingClientRect(), vh = (typeof window !== 'undefined' && window.innerHeight) || 800, m = 6;
+      const boundTop = Math.max(wr.top, 0), boundBot = Math.min(wr.bottom, vh);
+      const spaceDown = boundBot - tdRect.top - m, spaceUp = tdRect.bottom - boundTop - m;
+      let want = Math.max(cellH, Math.min(content, capByLines)), h, up = false;
+      if (want <= spaceDown) h = want;                           // 下にそのまま収まる
+      else if (want <= spaceUp) { h = want; up = true; }         // 上に開けば収まる
+      else if (spaceDown >= spaceUp) h = Math.max(cellH, spaceDown);   // 下が広い→下＋内部スクロール
+      else { h = Math.max(cellH, spaceUp); up = true; }          // 上が広い→上＋内部スクロール
+      el.style.height = h + 'px';
+      el.style.overflowY = content > h ? 'auto' : 'hidden';
+      const baseTop = parseFloat(el.style.top) || 0;             // place がセル上端(content座標)を入れている
+      el.style.top = (up ? baseTop + cellH - h : baseTop) + 'px';   // up なら下端をセル下端に合わせて上へ伸ばす
+    }
     toNav() {
-      this.mode = 'nav'; this.editor.className = 'tg-editor nav';
-      this.editor.type = 'text'; this.editor.value = '';
+      this.mode = 'nav';
+      this.editor.className = (this.editor === this._edMulti) ? 'tg-editor tg-editor-multi nav' : 'tg-editor nav';
+      if (this.editor === this._edInput) this.editor.type = 'text';   // type は input 専用（textarea は readonly で throw する）
+      this.editor.value = '';
       if (this.select) this.select.style.display = 'none';
     }
     toEdit(value, caretEnd) {
       if (this._isReadOnly(this.active.r, this.active.c)) return;  // 読み取り専用は編集モードに入らない
       const starting = this.mode !== 'edit';
       if (starting) this.clearCopyMarquee();   // 編集開始でコピー/カットのマーキー（点線）を消す（Excel 流）
-      this.mode = 'edit'; this.editor.className = 'tg-editor edit'; this.fillhandle.style.display = 'none';
-      this.editor.type = this._nativeInputType(this.active.c) || 'text';
+      this.mode = 'edit';
+      this.editor.className = (this.editor === this._edMulti) ? 'tg-editor tg-editor-multi edit' : 'tg-editor edit';
+      this.fillhandle.style.display = 'none';
+      if (this.editor === this._edInput) this.editor.type = this._nativeInputType(this.active.c) || 'text';   // type は input 専用
       const _ml = this.colCfg(this.active.c).maxLength;   // 桁数(文字数)上限＝打鍵をブロック（貼付/投入は _coerceCell で切り詰め）
       if (typeof _ml === 'number' && _ml > 0) this.editor.maxLength = _ml; else this.editor.removeAttribute('maxlength');
       if (value != null) this.editor.value = value;
       this.editor.focus();
-      // setSelectionRange は text 系のみ対応（date/time input は例外を投げる）
-      if (caretEnd && this.editor.type === 'text') { const l = this.editor.value.length; this.editor.setSelectionRange(l, l); }
+      // setSelectionRange は text / textarea のみ（date/time/number input は例外を投げる）
+      const _t = this.editor.type;
+      if (caretEnd && _t !== 'date' && _t !== 'time' && _t !== 'number') { const l = this.editor.value.length; this.editor.setSelectionRange(l, l); }
+      if (this.editor === this._edMulti) this._growMultiEditor();   // multiline は編集開始時に内容ぶん伸ばす
       if (starting && this.onEditStart) { try { this.onEditStart({ r: this.active.r, c: this.active.c, value: this.editor.value }); } catch (_) {} }
     }
     _fireSelection() {
@@ -1541,7 +1661,7 @@
       this._headerSel = null;
       this.active = a; this.extent = { ...a };
       if (this.virtual) this._vEnsureVisible(a.r);   // 窓に入れてから placement（窓外なら activeTd=null になるため）
-      this.place(this.editor, this.activeTd()); this.toNav(); this.editor.focus(); this.updateSelectionUI();
+      this._syncEditorNav(); this.editor.focus(); this.updateSelectionUI();
       if (!this.virtual) this.activeTd().scrollIntoView({ block: 'nearest', inline: 'nearest' });   // 仮想は _vEnsureVisible が可視化済み
       this._fireSelection();
     }
@@ -1559,25 +1679,67 @@
       if (!this._beforeSel(a, e)) return;
       this._headerSel = null;
       this.active = a; this.extent = e;
-      this.place(this.editor, this.activeTd()); this.toNav(); this.editor.focus(); this.updateSelectionUI();
+      this._syncEditorNav(); this.editor.focus(); this.updateSelectionUI();
       this._fireSelection();
     }
     focusAndSelect(sel) {
       this.active = { ...sel.active }; this.extent = { ...sel.extent };
       if (this.virtual) this._vEnsureVisible(this.active.r);
-      this.place(this.editor, this.activeTd()); this.toNav(); this.editor.focus(); this.updateSelectionUI();
+      this._syncEditorNav(); this.editor.focus(); this.updateSelectionUI();
       if (!this.virtual) this.activeTd().scrollIntoView({ block: 'nearest', inline: 'nearest' });
       this._fireSelection();
     }
 
     // ---- 行 / 列 / 全体 の選択（ヘッダクリック） ----
-    selectCol(c) { c = this.clampC(c); this._colAnchor = c; this.selectRect(0, c, this.ROWS - 1, c); this._headerSel = 'col'; this.updateSelectionUI(); }
-    selectRow(r) { r = this.clampR(r); this._rowAnchor = r; this.selectRect(r, 0, r, this.COLS - 1); this._headerSel = 'row'; this.updateSelectionUI(); }
+    selectCol(c) { c = this.clampC(c); this._colAnchor = c; this.selectRect(0, c, this.ROWS - 1, c); this._headerSel = 'col'; this._selCols = new Set([c]); this.updateSelectionUI(); }
+    selectRow(r) { r = this.clampR(r); this._rowAnchor = r; this.selectRect(r, 0, r, this.COLS - 1); this._headerSel = 'row'; this._selRows = new Set([r]); this.updateSelectionUI(); }
     selectAll() { this._colAnchor = 0; this._rowAnchor = 0; this.selectRect(0, 0, this.ROWS - 1, this.COLS - 1); this._headerSel = 'all'; this.updateSelectionUI(); }
     _extendCol(c) { const a = { r: 0, c: this._colAnchor }, e = { r: this.ROWS - 1, c: this.clampC(c) }; if (!this._beforeSel(a, e)) return; this._headerSel = 'col'; this.active = a; this.extent = e;
-      this.place(this.editor, this.activeTd()); this.toNav(); this.updateSelectionUI(); this._fireSelection(); }
+      this._selCols = new Set(); for (let x = Math.min(this._colAnchor, a.c, e.c), hi = Math.max(this._colAnchor, e.c); x <= hi; x++) this._selCols.add(x);
+      this._syncEditorNav(); this.updateSelectionUI(); this._fireSelection(); }
+    // Ctrl+ヘッダクリック: 列を飛び飛びに足す/外す。列モード外から入ると新規集合。
+    _colSel(a, e) { if (!this._beforeSel(a, e)) return false; this._headerSel = 'col'; this.active = a; this.extent = e; this._syncEditorNav(); this.updateSelectionUI(); this._fireSelection(); return true; }
+    _toggleCol(c) {
+      c = this.clampC(c);
+      if (this._headerSel !== 'col') this._selCols = new Set();
+      const removed = this._selCols.has(c);
+      if (removed) this._selCols.delete(c); else this._selCols.add(c);
+      this._colAnchor = c;
+      if (this._selCols.size === 0) { this.setActive(0, c); return; }   // 全部外れた＝列選択解除（アクティブだけ残す）
+      const ac = removed ? Math.max.apply(null, [...this._selCols]) : c;   // アクティブは必ず集合内の列（外した列を指さない）
+      this._colSel({ r: 0, c: ac }, { r: this.ROWS - 1, c: ac });
+    }
+    _addColRange(c) {   // Ctrl+Shift+ヘッダクリック: アンカー〜cの範囲を集合に追加
+      c = this.clampC(c);
+      if (this._headerSel !== 'col') this._selCols = new Set([this._colAnchor]);
+      for (let x = Math.min(this._colAnchor, c), hi = Math.max(this._colAnchor, c); x <= hi; x++) this._selCols.add(x);
+      this._colSel({ r: 0, c }, { r: this.ROWS - 1, c });
+    }
+    // 選択中の列インデックス（飛び飛び対応・昇順）。列選択モードでなければ空配列。
+    getSelectedColumns() { return this._headerSel === 'col' ? [...this._selCols].sort((a, b) => a - b) : []; }
     _extendRow(r) { const a = { r: this._rowAnchor, c: 0 }, e = { r: this.clampR(r), c: this.COLS - 1 }; if (!this._beforeSel(a, e)) return; this._headerSel = 'row'; this.active = a; this.extent = e;
-      this.place(this.editor, this.activeTd()); this.toNav(); this.updateSelectionUI(); this._fireSelection(); }
+      this._selRows = new Set(); for (let x = Math.min(this._rowAnchor, a.r, e.r), hi = Math.max(this._rowAnchor, e.r); x <= hi; x++) this._selRows.add(x);
+      this._syncEditorNav(); this.updateSelectionUI(); this._fireSelection(); }
+    // Ctrl+行ヘッダクリック: 行を飛び飛びに足す/外す（列と対称）。
+    _rowSel(a, e) { if (!this._beforeSel(a, e)) return false; this._headerSel = 'row'; this.active = a; this.extent = e; this._syncEditorNav(); this.updateSelectionUI(); this._fireSelection(); return true; }
+    _toggleRow(r) {
+      r = this.clampR(r);
+      if (this._headerSel !== 'row') this._selRows = new Set();
+      const removed = this._selRows.has(r);
+      if (removed) this._selRows.delete(r); else this._selRows.add(r);
+      this._rowAnchor = r;
+      if (this._selRows.size === 0) { this.setActive(r, 0); return; }
+      const ar = removed ? Math.max.apply(null, [...this._selRows]) : r;   // アクティブは必ず集合内の行
+      this._rowSel({ r: ar, c: 0 }, { r: ar, c: this.COLS - 1 });
+    }
+    _addRowRange(r) {   // Ctrl+Shift+行ヘッダクリック: アンカー〜rの範囲を集合に追加
+      r = this.clampR(r);
+      if (this._headerSel !== 'row') this._selRows = new Set([this._rowAnchor]);
+      for (let x = Math.min(this._rowAnchor, r), hi = Math.max(this._rowAnchor, r); x <= hi; x++) this._selRows.add(x);
+      this._rowSel({ r, c: 0 }, { r, c: this.COLS - 1 });
+    }
+    // 選択中の行インデックス（飛び飛び対応・昇順）。行選択モードでなければ空配列。
+    getSelectedRows() { return this._headerSel === 'row' ? [...this._selRows].sort((a, b) => a - b) : []; }
     // ---- 列幅 / 行高 のリサイズ ----
     setColWidth(c, w) {
       w = Math.max(this.minColW, Math.round(w)); this.colW[c] = w;
@@ -1712,15 +1874,22 @@
       if (th.dataset.c != null) {                       // 列ヘッダ
         const c = +th.dataset.c;
         if (this.onHeaderClick) { let r; try { r = this.onHeaderClick(c, e); } catch (_) {} if (r === false) { this.editor.focus(); return; } }   // 外部ソートUI等
-        if (e.shiftKey) this._extendCol(c); else this.selectCol(c);
-        this.editor.focus(); this.headerDrag = 'col';
+        const ctrl = (e.ctrlKey || e.metaKey) && this.disjointSelect;   // disjointSelect:false なら Ctrl は単一選択に落ちる
+        if (ctrl && e.shiftKey) this._addColRange(c);   // Ctrl+Shift=範囲を集合に追加
+        else if (ctrl) this._toggleCol(c);              // Ctrl=飛び飛びトグル
+        else if (e.shiftKey) this._extendCol(c);        // Shift=連続範囲
+        else this.selectCol(c);                          // 素=単一
+        this.editor.focus(); this.headerDrag = ctrl ? null : 'col';   // Ctrl中はドラッグ範囲選択を無効（飛び飛びを壊さない）
       } else if (th.dataset.r != null) {                // 行ヘッダ
-        const r = +th.dataset.r;
-        if (e.shiftKey) this._extendRow(r); else this.selectRow(r);
+        const r = +th.dataset.r, ctrl = (e.ctrlKey || e.metaKey) && this.disjointSelect;   // disjointSelect:false なら単一選択に落ちる
+        if (ctrl && e.shiftKey) this._addRowRange(r);   // Ctrl+Shift=範囲を集合に追加
+        else if (ctrl) this._toggleRow(r);              // Ctrl=飛び飛びトグル
+        else if (e.shiftKey) this._extendRow(r);        // Shift=連続範囲
+        else this.selectRow(r);                          // 素=単一
         this.editor.focus();
-        // 'header'モード: 行ヘッダーセル全体が移動ハンドル＝行を選択した上で移動を armする（クリック=選択のまま／ドラッグで移動）。縦結合/フィルタ中は不可。
-        if (this.rowReorderWhole && !e.shiftKey && !this._hasVMerge() && !this._allRows) this._startRowMove(e);
-        else this.headerDrag = 'row';   // 通常: ドラッグで複数行選択
+        // 'header'モード: 行ヘッダーセル全体が移動ハンドル＝行を選択した上で移動を armする（クリック=選択のまま／ドラッグで移動）。縦結合/フィルタ中・Ctrl中は不可。
+        if (this.rowReorderWhole && !e.shiftKey && !ctrl && !this._hasVMerge() && !this._allRows) this._startRowMove(e);
+        else this.headerDrag = ctrl ? null : 'row';   // 通常: ドラッグで複数行選択（Ctrl中は無効＝飛び飛びを壊さない）
       } else {                                          // 左上の角 → 全選択
         this.selectAll(); this.editor.focus();
       }
@@ -1814,8 +1983,12 @@
       if (wasEditing && this.onEditEnd) { try { this.onEditEnd({ r, c, oldValue, newValue: this.data[r][c], canceled: false }); } catch (_) {} }
     }
     clearRange() {
-      const before = this.snapSel(), changes = [], { r0, r1, c0, c1 } = this.rectRange();
-      for (let r = r0; r <= r1; r++) for (let c = c0; c <= c1; c++) this.setCell(r, c, '', changes);
+      const before = this.snapSel(), changes = [];
+      const djCol = this._headerSel === 'col' && this._selCols && this._selCols.size > 1;
+      const djRow = this._headerSel === 'row' && this._selRows && this._selRows.size > 1;
+      if (djCol) { for (const c of this._selCols) for (let r = 0; r < this.ROWS; r++) this.setCell(r, c, '', changes); }          // 飛び飛び列の内容クリア
+      else if (djRow) { for (const r of this._selRows) for (let c = 0; c < this.COLS; c++) this.setCell(r, c, '', changes); }    // 飛び飛び行の内容クリア
+      else { const { r0, r1, c0, c1 } = this.rectRange(); for (let r = r0; r <= r1; r++) for (let c = c0; c <= c1; c++) this.setCell(r, c, '', changes); }
       this.pushCmd(changes, before, this.snapSel(), 'delete');
     }
 
@@ -1842,7 +2015,7 @@
       let empties = 0;
       for (let r = this.ROWS - 1; r >= 0; r--) { if (this._rowEmpty(r)) empties++; else break; }
       let added = 0;
-      while (empties < this.minSpareRows) { this.data.push(new Array(this.COLS).fill('')); this.rowH.push(undefined); if (this._src) this._src.push({}); this.ROWS++; empties++; added++; }
+      while (empties < this.minSpareRows && (!this.maxRows || this.ROWS < this.maxRows)) { this.data.push(new Array(this.COLS).fill('')); this.rowH.push(undefined); if (this._src) this._src.push({}); this.ROWS++; empties++; added++; }   // maxRows で天井打ち（スペア行も超えない）
       if (added && this.table) { this.buildTable(); this.setActive(this.active.r, this.active.c); }
     }
     // 構造変更を実行＋履歴に積む共通処理。doIt/undoIt は冪等（redo で再実行される）。
@@ -1963,6 +2136,31 @@
       };
       this._structCmd(doIt, undoIt, () => { const cc = Math.min(c0, grid.COLS - 1); return { active: { r, c: cc }, extent: { r, c: cc } }; }, before, { type: 'deleteCols', c0, c1 });
     }
+    // 飛び飛びの列/行をまとめて削除。高index側から順に消す＝先の削除で後のindexがズレない。
+    // N回の deleteCols/deleteRows を _batchHistory で1つのUndo/Redo段にまとめる（1発で戻る/やり直す）。
+    deleteColsSet(cols) {
+      const sorted = [...new Set(cols)].sort((a, b) => b - a);
+      this._batchHistory(() => { for (const c of sorted) this.deleteCols(c, c); });
+      this._selCols = new Set(); this._headerSel = null; this.updateSelectionUI();
+    }
+    deleteRowsSet(rows) {
+      const sorted = [...new Set(rows)].sort((a, b) => b - a);
+      this._batchHistory(() => { for (const r of sorted) this.deleteRows(r, r); });
+      this._selRows = new Set(); this._headerSel = null; this.updateSelectionUI();
+    }
+    // 複数の構造変更を1つのUndo/Redo段にまとめる。history.push を一時横取りしてサブコマンドを集め、
+    // 合成コマンドを1つ積む（apply=順に実行 / revert=逆順に実行）。各 deleteCols のロジックはそのまま再利用。
+    _batchHistory(fn) {
+      const h = this.history, orig = h.push, batch = [];
+      h.push = (cmd) => { batch.push(cmd); };
+      try { fn(); } finally { h.push = orig; }
+      if (batch.length <= 1) { if (batch.length) orig.call(h, batch[0]); return; }
+      orig.call(h, {
+        label: this.name,
+        apply() { for (const c of batch) c.apply(); },
+        revert() { for (let i = batch.length - 1; i >= 0; i--) batch[i].revert(); },
+      });
+    }
 
     // ---- 右クリックメニュー ----
     _onContextMenu(e) {
@@ -1971,12 +2169,16 @@
       if (!th && !td) return;
       e.preventDefault();
       if (this.mode === 'edit') this._commitActive();
-      // 右クリック位置に選択を移す（既存選択の中ならそのまま＝範囲削除に使える）
+      // 右クリック位置に選択を移す（既存選択の中ならそのまま＝範囲削除に使える）＋対象種別を記録（メニュー項目へ渡す）
+      let ctx;
       if (td) {
         const r = +td.dataset.r, c = +td.dataset.c, s = this.rectRange();
         if (!(r >= s.r0 && r <= s.r1 && c >= s.c0 && c <= s.c1)) this.setActive(r, c);
-      } else if (th.dataset.c != null) { const c = +th.dataset.c, s = this.rectRange(); if (!(c >= s.c0 && c <= s.c1)) this.selectCol(c); }   // 既存選択の中なら維持（複数列右クリックで解除しない）
-      else if (th.dataset.r != null) { const r = +th.dataset.r, s = this.rectRange(); if (!(r >= s.r0 && r <= s.r1)) this.selectRow(r); }   // 同上（複数行）
+        ctx = { on: 'cell', r, c };
+      } else if (th.dataset.c != null) { const c = +th.dataset.c, s = this.rectRange(); const inDj = this._headerSel === 'col' && this._selCols && this._selCols.has(c); if (!inDj && !(c >= s.c0 && c <= s.c1)) this.selectCol(c); ctx = { on: 'col', r: -1, c }; }   // 既存選択(連続 or 飛び飛び)の中なら維持
+      else if (th.dataset.r != null) { const r = +th.dataset.r, s = this.rectRange(); const inDj = this._headerSel === 'row' && this._selRows && this._selRows.has(r); if (!inDj && !(r >= s.r0 && r <= s.r1)) this.selectRow(r); ctx = { on: 'row', r, c: -1 }; }   // 同上（飛び飛び行も維持）
+      else ctx = { on: 'corner', r: -1, c: -1 };   // 隅（全体）ヘッダ
+      this._menuCtx = ctx;
       this._showMenu(e.clientX, e.clientY);
     }
     // 既定のメニュー項目キー（allow フラグ・copyPaste で出し分け）。
@@ -2001,10 +2203,14 @@
       switch (key) {
         case 'row_above': return this.allowInsertRows ? { label: '行を上に挿入', act: () => this.insertRow(s.r0, 'above') } : null;
         case 'row_below': return this.allowInsertRows ? { label: '行を下に挿入', act: () => this.insertRow(s.r1, 'below') } : null;
-        case 'remove_row': return this.allowDeleteRows ? { label: rows > 1 ? rows + ' 行を削除' : '行を削除', danger: true, disabled: this.ROWS - rows < Math.max(1, this.minRows), act: () => this.deleteRows(s.r0, s.r1) } : null;
+        case 'remove_row': { if (!this.allowDeleteRows) return null;
+          const dj = this._headerSel === 'row' && this._selRows && this._selRows.size > 1, set = dj ? [...this._selRows] : null, n = dj ? set.length : rows;   // 飛び飛び行は集合を削除
+          return { label: n > 1 ? n + ' 行を削除' : '行を削除', danger: true, disabled: this.ROWS - n < Math.max(1, this.minRows), act: dj ? () => this.deleteRowsSet(set) : () => this.deleteRows(s.r0, s.r1) }; }
         case 'col_left': return this.allowInsertCols ? { label: '列を左に挿入', act: () => this.insertCol(s.c0, 'left') } : null;
         case 'col_right': return this.allowInsertCols ? { label: '列を右に挿入', act: () => this.insertCol(s.c1, 'right') } : null;
-        case 'remove_col': return this.allowDeleteCols ? { label: cols > 1 ? cols + ' 列を削除' : '列を削除', danger: true, disabled: this.COLS - cols < Math.max(1, this.minCols), act: () => this.deleteCols(s.c0, s.c1) } : null;
+        case 'remove_col': { if (!this.allowDeleteCols) return null;
+          const dj = this._headerSel === 'col' && this._selCols && this._selCols.size > 1, set = dj ? [...this._selCols] : null, n = dj ? set.length : cols;   // 飛び飛び列は集合を削除
+          return { label: n > 1 ? n + ' 列を削除' : '列を削除', danger: true, disabled: this.COLS - n < Math.max(1, this.minCols), act: dj ? () => this.deleteColsSet(set) : () => this.deleteCols(s.c0, s.c1) }; }
         case 'copy': return { label: 'コピー', disabled: !this.copyPaste, act: () => this.copy(false) };
         case 'cut': return { label: '切り取り', disabled: !this.copyPaste, act: () => this.copy(true) };
         case 'paste': return { label: '貼り付け', disabled: !this.copyPaste, act: () => this.paste() };
@@ -2017,30 +2223,32 @@
       }
     }
     // メニュー構成（キー文字列／カスタム項目オブジェクト）→ 表示用記述子の配列。
-    _resolveMenuItems(config, s) {
+    // カスタム項目の name/disabled/hidden は (s, ctx) で呼ばれ、callback は { range, key, ctx } を受ける。
+    // ctx=右クリック対象 { on:'col'|'row'|'cell'|'corner', r, c }（例: hidden:(s,ctx)=>ctx.on!=='col' で列ヘッダ限定表示）。
+    _resolveMenuItems(config, s, ctx) {
       const items = [];
       for (const entry of config) {
         if (typeof entry === 'string') { const it = this._builtinItem(entry, s); if (it) items.push(it); continue; }
         if (!entry || typeof entry !== 'object') continue;
-        const hidden = typeof entry.hidden === 'function' ? !!entry.hidden.call(this, s) : !!entry.hidden;
+        const hidden = typeof entry.hidden === 'function' ? !!entry.hidden.call(this, s, ctx) : !!entry.hidden;
         if (hidden) continue;
-        const name = typeof entry.name === 'function' ? entry.name.call(this, s) : entry.name;
+        const name = typeof entry.name === 'function' ? entry.name.call(this, s, ctx) : entry.name;
         if (entry.separator || /^-+$/.test(String(name))) { items.push({ sep: true }); continue; }
-        const disabled = typeof entry.disabled === 'function' ? !!entry.disabled.call(this, s) : !!entry.disabled;
+        const disabled = typeof entry.disabled === 'function' ? !!entry.disabled.call(this, s, ctx) : !!entry.disabled;
         const it = { label: String(name == null ? '' : name), disabled, danger: !!entry.danger };
         if (Array.isArray(entry.submenu)) it.submenu = entry.submenu;
-        else it.act = () => { if (typeof entry.callback === 'function') { try { entry.callback.call(this, { range: { ...s }, key: entry.key }); } catch (_) {} } };
+        else it.act = () => { if (typeof entry.callback === 'function') { try { entry.callback.call(this, { range: { ...s }, key: entry.key, ctx }); } catch (_) {} } };
         items.push(it);
       }
       return items;
     }
     // 記述子配列 → HTML。actionable 項目は data-mi で _menuActions に紐付け（submenu も再帰でフラット登録）。
-    _renderMenuItems(items, s) {
+    _renderMenuItems(items, s, ctx) {
       let html = '';
       for (const it of items) {
         if (it.sep) { html += '<div class="tg-sep"></div>'; continue; }
         if (it.submenu) {
-          const sub = this._renderMenuItems(this._resolveMenuItems(it.submenu, s), s);
+          const sub = this._renderMenuItems(this._resolveMenuItems(it.submenu, s, ctx), s, ctx);
           html += '<div class="tg-mi tg-has-sub' + (it.disabled ? ' tg-disabled' : '') + '">' + TssGrid.esc(it.label) + '<div class="tg-submenu">' + sub + '</div></div>';
         } else {
           const idx = this._menuActions.push(it.act) - 1;
@@ -2050,12 +2258,12 @@
       return html;
     }
     _showMenu(x, y) {
-      const s = this.rectRange();
+      const s = this.rectRange(), ctx = this._menuCtx;
       const config = this._menuConfig || this._defaultMenuKeys();
-      const items = this._resolveMenuItems(config, s);
+      const items = this._resolveMenuItems(config, s, ctx);
       if (!items.length) { this._hideMenu(); return; }   // 該当項目なし＝メニューを出さない（前回の残りも隠す）
       this._menuActions = [];
-      this.menuEl.innerHTML = this._renderMenuItems(items, s);
+      this.menuEl.innerHTML = this._renderMenuItems(items, s, ctx);
       this.menuEl.style.display = 'block';
       // 画面外にはみ出さないよう調整
       const mw = this.menuEl.offsetWidth, mh = this.menuEl.offsetHeight;
@@ -2140,19 +2348,26 @@
     copy(cut) {
       if (!this.copyPaste) return;
       const sel = this.rectRange(); let buf = [];
-      const cols = this._visCols().filter(c => c >= sel.c0 && c <= sel.c1);   // 隠し列は除外
-      for (let r = sel.r0; r <= sel.r1; r++) {
-        const row = []; for (const c of cols) row.push(this.data[r][c]);
-        buf.push(row);
-      }
+      // 飛び飛び選択(Ctrl+ヘッダ)は「選んだ列×全行」または「選んだ行×全列」＝きれいな長方形になり Excel にそのまま貼れる。
+      const djCol = this._headerSel === 'col' && this._selCols && this._selCols.size > 1;
+      const djRow = this._headerSel === 'row' && this._selRows && this._selRows.size > 1;
+      const disjoint = djCol || djRow;
+      const cols = djCol ? this._visCols().filter(c => this._selCols.has(c))          // 選んだ可視列（昇順）
+                         : this._visCols().filter(c => c >= sel.c0 && c <= sel.c1);   // 隠し列は除外
+      const rowIdx = djRow ? [...this._selRows].sort((a, b) => a - b) : null;
+      if (rowIdx) { for (const r of rowIdx) { const row = []; for (const c of cols) row.push(this.data[r][c]); buf.push(row); } }
+      else { const r0 = djCol ? 0 : sel.r0, r1 = djCol ? this.ROWS - 1 : sel.r1;
+        for (let r = r0; r <= r1; r++) { const row = []; for (const c of cols) row.push(this.data[r][c]); buf.push(row); } }
       // 「前」フック（cut は onBeforeCut / copy は onBeforeCopy）。false で中止 / 配列を返すと差替え。
       const info = { range: { ...sel }, cut: !!cut };
       const before = cut ? this.onBeforeCut : this.onBeforeCopy;
       if (before) { let r; try { r = before(buf, info); } catch (_) {} if (r === false) return; if (Array.isArray(r)) buf = r; }
       sharedClip = buf;
-      this._writeClip(buf.map(row => row.join('\t')).join('\n'));
-      this.pendingCut = cut ? { ...sel } : null;
-      this.placeRect(this.copybox, sel.r0, sel.c0, sel.r1, sel.c1); this.copybox.style.display = 'block';
+      this._writeClip(TssGrid.toTSV(buf));
+      // カットの消し込み対象を記録（paste時に消す）。飛び飛びは列/行の集合として保持。
+      this.pendingCut = !cut ? null : djCol ? { cols: cols.slice() } : djRow ? { rows: rowIdx.slice() } : { ...sel };
+      if (disjoint) this.copybox.style.display = 'none';          // 飛び飛びは単一枠で囲えない＝マーキー無し
+      else { this.placeRect(this.copybox, sel.r0, sel.c0, sel.r1, sel.c1); this.copybox.style.display = 'block'; }
       if (this.onAfterCopy) { try { this.onAfterCopy(buf, info); } catch (_) {} }
     }
     _writeClip(text) {
@@ -2163,7 +2378,33 @@
       const ta = document.createElement('textarea'); ta.value = text; ta.style.position = 'fixed'; ta.style.left = '-9999px';
       document.body.appendChild(ta); ta.select(); try { document.execCommand('copy'); } catch (_) {} document.body.removeChild(ta); this.editor.focus();
     }
-    static parseTSV(t) { t = t.replace(/\r\n/g, '\n').replace(/\r/g, '\n'); if (t.endsWith('\n')) t = t.slice(0, -1); return t.split('\n').map(l => l.split('\t')); }
+    // 2次元配列 → クリップボード TSV。セル内に タブ/改行/引用符 を含む値は "…" で囲み、内部の " は "" に（Excel/Sheets 互換）。
+    static toTSV(rows) {
+      return rows.map(row => row.map(v => {
+        const s = v == null ? '' : String(v);
+        return /[\t\n\r"]/.test(s) ? '"' + s.replace(/"/g, '""') + '"' : s;
+      }).join('\t')).join('\n');
+    }
+    // クリップボード TSV → 2次元配列。引用符で囲まれたフィールド内の タブ/改行 はセルの中身として保持（＝Excel の複数行セルが崩れない）。
+    static parseTSV(t) {
+      t = String(t).replace(/\r\n/g, '\n').replace(/\r/g, '\n');
+      const rows = []; let row = [], f = '', inQ = false, i = 0;
+      const endField = () => { row.push(f); f = ''; };
+      const endRow = () => { endField(); rows.push(row); row = []; };
+      while (i < t.length) {
+        const ch = t[i];
+        if (inQ) {
+          if (ch === '"') { if (t[i + 1] === '"') { f += '"'; i += 2; continue; } inQ = false; i++; continue; }   // "" → "／単独 " で引用終了
+          f += ch; i++; continue;
+        }
+        if (ch === '"' && f === '') { inQ = true; i++; continue; }   // フィールド先頭の " のみ引用開始
+        if (ch === '\t') { endField(); i++; continue; }
+        if (ch === '\n') { endRow(); i++; continue; }
+        f += ch; i++;
+      }
+      if (f !== '' || row.length > 0 || inQ) endRow();   // 末尾行を確定（\n 終端の空行は足さない）
+      return rows.length ? rows : [['']];
+    }
     async paste() {
       if (!this.copyPaste) return;
       let text = null;
@@ -2208,7 +2449,11 @@
         }
         after = { active: { r: r0, c: c0 }, extent: { r: Math.min(this.ROWS - 1, r0 + g.length - 1), c: lastC } };
       }
-      if (this.pendingCut) { const cs = this.pendingCut; for (let r = cs.r0; r <= cs.r1; r++) for (let c = cs.c0; c <= cs.c1; c++) this.setCell(r, c, '', changes); this.pendingCut = null; this.copybox.style.display = 'none'; }
+      if (this.pendingCut) { const cs = this.pendingCut;
+        if (cs.cols) { for (const c of cs.cols) for (let r = 0; r < this.ROWS; r++) this.setCell(r, c, '', changes); }         // 飛び飛び列カット
+        else if (cs.rows) { for (const r of cs.rows) for (let c = 0; c < this.COLS; c++) this.setCell(r, c, '', changes); }   // 飛び飛び行カット
+        else { for (let r = cs.r0; r <= cs.r1; r++) for (let c = cs.c0; c <= cs.c1; c++) this.setCell(r, c, '', changes); }   // 連続（従来）
+        this.pendingCut = null; this.copybox.style.display = 'none'; }
       this.pushCmd(changes, before, after, 'paste');
       this.focusAndSelect(after);
       if (this.onAfterPaste) {
@@ -2293,25 +2538,29 @@
 
     _bind() {
       if (this.virtual) this.wrap.addEventListener('scroll', () => this._vSync(), { passive: true });  // 仮想スクロール: 窓再描画
-      this.editor.addEventListener('keydown', (e) => this._onKey(e));
-      this.editor.addEventListener('compositionstart', () => {
-        if (this.mode !== 'nav') return;
-        if (this._usesTextEditor(this.active.c)) this.toEdit(null, false);
-      });
-      this.editor.addEventListener('beforeinput', (e) => {
-        if (this.mode !== 'nav' || !(e.inputType || '').startsWith('insert')) return;
-        const c = this.active.c, t = this.colType(c);
-        if (this._usesTextEditor(c)) { this.toEdit(null, false); return; }  // text / parse・format 付き date・time
-        e.preventDefault();
-        if (this.colCfg(c).editor) this._openCustomEditor(this.active.r, c);   // カスタムエディタ
-        else if (t === 'dropdown') this._openSelect();
-        else if (t === 'date' || t === 'time') this.toEdit(this.data[this.active.r][c], true);  // ネイティブピッカー
-        // checkbox は文字入力を無視（Space / クリックでトグル）
-      });
-      this.editor.addEventListener('blur', () => {
-        if (this._customEditor) return;   // カスタムエディタが奪ったフォーカスでの blur は無視
-        if (this.mode === 'edit' && (!this.select || this.select.style.display === 'none')) { this.commit(); this.toNav(); this.updateSelectionUI(); }
+      // input と textarea(multiline) の両方に同じ編集入口リスナを張る（this.editor はアクティブ列で張り替わる）。
+      [this._edInput, this._edMulti].forEach((ed) => {
+        ed.addEventListener('keydown', (e) => this._onKey(e));
+        ed.addEventListener('compositionstart', () => {
+          if (this.mode !== 'nav') return;
+          if (this._usesTextEditor(this.active.c)) this.toEdit(null, false);
+        });
+        ed.addEventListener('beforeinput', (e) => {
+          if (this.mode !== 'nav' || !(e.inputType || '').startsWith('insert')) return;
+          const c = this.active.c, t = this.colType(c);
+          if (this._usesTextEditor(c)) { this.toEdit(null, false); return; }  // text / multiline / parse・format 付き date・time
+          e.preventDefault();
+          if (this.colCfg(c).editor) this._openCustomEditor(this.active.r, c);   // カスタムエディタ
+          else if (t === 'dropdown') this._openSelect();
+          else if (t === 'date' || t === 'time') this.toEdit(this.data[this.active.r][c], true);  // ネイティブピッカー
+          // checkbox は文字入力を無視（Space / クリックでトグル）
+        });
+        ed.addEventListener('blur', () => {
+          if (this._customEditor) return;   // カスタムエディタが奪ったフォーカスでの blur は無視
+          if (this.mode === 'edit' && (!this.select || this.select.style.display === 'none')) { this.commit(); this.toNav(); this.updateSelectionUI(); }
+        });
       });
+      this._edMulti.addEventListener('input', () => this._growMultiEditor());   // 入力で内容ぶん伸ばす（multiline のみ）
       this.select.addEventListener('keydown', (e) => {
         if (e.key === 'Enter') { e.preventDefault(); this._commitSelect(); this._advance('enter', e.shiftKey); }
         else if (e.key === 'Tab') { e.preventDefault(); this._commitSelect(); this._advance('tab', e.shiftKey); }
@@ -2461,7 +2710,8 @@
           // autoInsertRow: フィルハンドルをテーブル下端より下へドロップしたら、足りない行を追加（縦フィル時）
           if (this.fillAutoInsertRow && this.fillDirection !== 'horizontal' && !this._tdAtPoint(e)) {
             const tb = this.table.getBoundingClientRect();
-            const extra = Math.min(1000, Math.ceil((e.clientY - tb.bottom) / this.defRowH));
+            let extra = Math.min(1000, Math.ceil((e.clientY - tb.bottom) / this.defRowH));
+            if (this.maxRows) extra = Math.min(extra, this.maxRows - this.ROWS);   // maxRows で天井打ち
             if (extra > 0) {
               for (let i = 0; i < extra; i++) { this.data.push(new Array(this.COLS).fill('')); this.rowH.push(undefined); if (this._src) this._src.push({}); this.ROWS++; }
               this.buildTable();
@@ -2598,6 +2848,12 @@
       if (!composing && this._runShortcuts(e)) return;
       if (this.mode === 'edit') {
         if (composing) return;
+        if (this.editor === this._edMulti && e.key === 'Enter') {   // multiline: 案1 Enter=改行/Ctrl+Enter=確定, 案2 Enter=確定/Alt+Enter=改行
+          const commit = this.multilineEnter === 'newline' ? (e.ctrlKey || e.metaKey) : !e.altKey;
+          e.preventDefault();
+          if (commit) { this.commit(); this._advance('enter', e.shiftKey); } else this._insertText('\n');
+          return;
+        }
         if (e.key === 'Enter') { e.preventDefault(); this.commit(); this._advance('enter', e.shiftKey); return; }
         if (e.key === 'Tab') { e.preventDefault(); this.commit(); this._advance('tab', e.shiftKey); return; }
         // Esc／編集中の Ctrl+Z ＝ この編集をキャンセルして元値に戻す（nav へ）。