@threestarsoftware/tssgrid 0.1.3 → 0.1.5

package/src/tssgrid.js

@@ -127,6 +127,8 @@
       this.allowDeleteCols = opts.allowDeleteCols !== false;
       this.onStructureChange = opts.onStructureChange || null; // (info) 行/列の挿入・削除後
       this.onFilter = opts.onFilter || null;                 // ({count,total,cleared?}) 非破壊フィルタ適用/解除後
+      this.onViewportChange = opts.onViewportChange || null; // (start,end) 遅延ロード: 描画窓が変わった＝「今この範囲が要る」通知（fillRows で応答）
+      this.onSortFilterChange = opts.onSortFilterChange || null; // (state) 遅延ロード: sort/filter はローカル計算せずサーバへ委譲＝この通知で再フェッチさせる
       this.onBeforeStructureChange = opts.onBeforeStructureChange || null; // (info)=>false で挿入/削除を中止
       this.onAfterPaste = opts.onAfterPaste || null;     // (data, {range}) 貼り付け確定後
       this.onBeforeCopy = opts.onBeforeCopy || null;     // (data, {range})=>false 取消 / 配列で差替え
@@ -145,6 +147,9 @@
       // 貼り付けがグリッド範囲を超えた時: 'clip'(既定, はみ出し分を切り捨て) | 'error'(貼り付け中止)
       this.pasteOverflow = opts.pasteOverflow || 'clip';
       this.onPasteOverflow = opts.onPasteOverflow || null; // (info) => void。error 時に呼ぶ
+      // 貼り付け元の行数がグリッド行数を超える時、先に不足分を insertRows で一括生成してから貼る（既定 false=従来のクランプ）。
+      // 行生成＋値貼付を1つの history にまとめる（1回の undo で両方戻る）。maxRows 上限内・超過分は pasteOverflow に従う。
+      this.pasteAutoGrow = !!opts.pasteAutoGrow;
 
       this.active = { r: 0, c: 0 }; this.extent = { r: 0, c: 0 };
       this.mode = 'nav'; this.dragging = false; this.filling = null;
@@ -197,6 +202,10 @@
       this.rowReorder = !!opts.rowReorder;
       this.rowReorderWhole = opts.rowReorder === 'header';   // 'header'=行ヘッダーセル全体が移動ハンドル（クリック=選択/ドラッグ=移動）／true=⠿アイコンのみ
       this.rowReorderMark = opts.rowReorderMark === undefined ? 'before' : opts.rowReorderMark;   // ⠿の位置: 'before'(番号の前/既定) | 'after'(番号の後) | false(出さない)
+      // 右端に非データの「削除列」（🗑）を1列出す。クリックで deleteRows（既存の remove_row と同一経路・1 history・undo で戻せる）。
+      // 非データ・非編集・非選択・幅固定・並べ替え/リサイズ対象外＝getRows/toCSV/列インデックスに現れない。allowDeleteRows:false なら出さない。
+      this.rowDelete = !!opts.rowDelete;
+      this.rowDeleteW = (opts.rowDeleteWidth | 0) || 36;   // 削除列の幅(px)
       // 選択カーソル（緑の選択枠・範囲・セルハイライト・フィルハンドル）を表示するか。
       // false で表示専用グリッド向けに非表示（内部の選択は保持＝コピーは可）。
       this.cursor = opts.cursor !== false;
@@ -222,6 +231,11 @@
       this.onBeforeAutofill = opts.onBeforeAutofill || null;   // (src,target)=>false で取消
       this.onAfterAutofill = opts.onAfterAutofill || null;     // (src,target)
       this.copyPaste = opts.copyPaste !== false;     // false でコピー/カット/ペースト無効
+      // 共有エディタへのブラウザ自動入力(Chrome のポイントカード/住所/支払い等)を強めに抑止する。
+      // 既定 false（name+autocomplete=off の通常抑止のみ）。true で autocomplete='new-password' に切替＝
+      // Chrome の loyalty/payment autofill を確実に止める（'off' は無視される）。副作用として環境により鍵アイコンや
+      // 生成PW提案が出ることがあるため opt-in。周囲に自前のラベル付き input（フォーム塊）を並べる埋め込みで有効。
+      this.suppressAutofill = !!opts.suppressAutofill;
       // 列幅オートフィット（内容に合わせて自動調整）。境界ダブルクリック / autoSizeColumn でも。
       this.autoColumnSize = !!opts.autoColumnSize;
       // データ入力支援
@@ -235,6 +249,9 @@
       this.virtual = !!opts.virtual;
       this._vBuf = (opts.virtual && typeof opts.virtual === 'object' && opts.virtual.buffer) || 6;  // 窓の上下バッファ行数
       this._vStart = 0; this._vEnd = 0; this._vRAF = 0; this._vRendered = false;
+      this._vpStart = -1; this._vpEnd = -1;   // onViewportChange の最後に通知した範囲（同一範囲の再発火を抑止）
+      this.dataComplete = true;   // 遅延ロード(push): false のとき data に PENDING 行が混じる（setRowCount）。sort/filter/spare の判定に使う
+      this._pendingCount = 0;     // PENDING 行数（fillRows で減らし 0 で dataComplete=true へ）
       if (this.virtual && (this.frozenRows || this.frozenCols || this.wordWrap)) {
         try { console.warn('[TssGrid] virtual:true は固定行列/折り返し非対応のため、それらを無効化しました'); } catch (_) {}
         this.frozenRows = 0; this.frozenCols = 0; this.wordWrap = false;
@@ -316,25 +333,109 @@
     }
 
     // ---- 取得用 API ----
-    getData() { return this.data.map(row => row.slice()); }   // 常に 2次元配列（後方互換）
-    // オブジェクト配列で取り出す。_src（元の非表示フィールド）にキー列の現在値を上書きして返す。
+    // 常に 2次元配列（後方互換）。遅延ロード中は「ロード済みのみ」返す（未取得 PENDING 行は除外＝AG Grid の as-rendered ポリシー。
+    // 全件が要る export はプラグインが全件 fillRows してから呼ぶ＝dataComplete で通常経路）。
+    getData() { if (this.dataComplete) return this.data.map(row => row.slice()); const P = TssGrid.PENDING; return this.data.filter(row => row !== P).map(row => row.slice()); }
+    // オブジェクト配列で取り出す。_src（元の非表示フィールド）にキー列の現在値を上書きして返す。遅延ロード中はロード済みのみ。
     getRows() {
-      return this.data.map((row, r) => {
+      const P = TssGrid.PENDING, out = [];
+      for (let r = 0; r < this.ROWS; r++) {
+        const row = this.data[r]; if (row === P) continue;   // 未取得行は除外
         const o = this._src ? Object.assign({}, this._src[r]) : {};
         for (let c = 0; c < this.COLS; c++) { const k = this._key(c); if (k != null) this._setPathCOW(o, k, row[c]); }
-        return o;
-      });
+        out.push(o);
+      }
+      return out;
     }
     getRow(r) { return this.getRows()[r]; }
     // getRow の対（行→列）。1列分の値を全行ぶん配列で。列は index か data キー。
-    getColumn(c) { const ci = this._resolveCol(c); return ci < 0 ? undefined : this.data.map(row => row[ci]); }
-    // 全列を「列ごとの値配列」で。見出しキーは data キー > headers。getRows の列方向版。
+    getColumn(c) { const ci = this._resolveCol(c); if (ci < 0) return undefined; const rows = this.dataComplete ? this.data : this.data.filter(row => row !== TssGrid.PENDING); return rows.map(row => row[ci]); }
+    // 全列を「列ごとの値配列」で。見出しキーは data キー > headers。getRows の列方向版。遅延ロード中はロード済みのみ。
     getColumns() {
-      const out = {};
-      for (let c = 0; c < this.COLS; c++) { const k = this._key(c); out[k != null ? k : this.headers[c]] = this.data.map(row => row[c]); }
+      const out = {}, rows = this.dataComplete ? this.data : this.data.filter(row => row !== TssGrid.PENDING);
+      for (let c = 0; c < this.COLS; c++) { const k = this._key(c); out[k != null ? k : this.headers[c]] = rows.map(row => row[c]); }
       return out;
     }
-    setData(rows) { this._align.clear(); this._cellRO.clear(); this._unsortedData = null; this._allRows = this._allSrc = this._meta = this._filterFn = null; if (this.history) this.history.clear(); this._ingest(rows); this._padToMin(); this.buildTable(); const ic = this._resolveInitialCell(); this.setActive(ic[0], ic[1]); this._ensureSpare(); }
+    setData(rows) { this._align.clear(); this._cellRO.clear(); this._unsortedData = null; this._allRows = this._allSrc = this._meta = this._filterFn = null; this.dataComplete = true; this._pendingCount = 0; if (this.history) this.history.clear(); this._ingest(rows); this._padToMin(); this.buildTable(); const ic = this._resolveInitialCell(); this.setActive(ic[0], ic[1]); this._ensureSpare(); }
+    // 背景で"育てる"追記（progressive）: data 末尾へ rows を足し ROWS を更新、可視窓＋上下スペーサだけ再描画する。
+    // buildTable 全再描画をしない＝スクロール位置・アクティブセル・フォーカス・選択範囲・編集中のエディタと値を保つ。
+    // history には積まない（背景成長は undo 対象外）。既存の setData/insertRows 経路は不変＝完全 opt-in。
+    // 用途: プラグインが「先頭ページを描く→残りを idle で appendRows」して first-paint を早める土台。
+    // rows は現在のデータと同形（オブジェクトモードならオブジェクト配列／配列モードなら行配列）。opts は将来用（keepScroll/noHistory は
+    // 実装が tbody 差し替えのみ＝スクロール保持・履歴不変を常に満たすため現状は指定不要）。
+    // 注意: フィルタ中(_allRows)はマスタにも積んで desync を防ぐ（部分ロード中のフィルタは想定外だが壊さない）。
+    //       非virtual＋minSpareRows では追記行が末尾スペア行の後ろに入る（育成は主に virtual 用途）。
+    appendRows(rows, opts = {}) {
+      if (!Array.isArray(rows) || !rows.length) return;
+      const n0 = this.ROWS;
+      for (const src of rows) {
+        const srcIsObj = src && !Array.isArray(src) && typeof src === 'object';
+        const srcObj = srcIsObj ? Object.assign({}, src) : {};
+        let rowArr;
+        if (srcIsObj) rowArr = this._objToRow(src);                                  // オブジェクト→キー列で行配列化
+        else { rowArr = Array.isArray(src) ? src.slice(0, this.COLS) : []; while (rowArr.length < this.COLS) rowArr.push(''); }  // 配列は COLS 長に整える
+        this.data.push(rowArr);
+        this.rowH.push(undefined);
+        if (this._src) this._src.push(srcObj);
+        if (this._meta) this._meta.set(rowArr, { a: new Map(), ro: new Set(), h: undefined });   // フィルタが張った per-row メタも用意
+        if (this._allRows) { this._allRows.push(rowArr); if (this._allSrc) this._allSrc.push(srcObj); }   // フィルタ中はマスタも同期
+      }
+      this.ROWS = this.data.length;
+      if (!this.table) return;   // 未マウントなら次の buildTable が拾う
+      if (this.virtual) {
+        // 窓＋上下スペーサを作り直す（force）。下スペーサ高が ROWS で再計算され新行までスクロール可能に。
+        // 窓が末尾に無い（新行が可視外）時も安全＝可視 ~33 行の innerHTML 差し替えのみ・scrollTop 不変・
+        // エディタは tbody 外のオーバーレイなので値も維持。
+        this._renderWindow(this._vWindow(), true);
+      } else {
+        const tbody = this.table.querySelector('tbody');
+        if (tbody) { let html = ''; for (let r = n0; r < this.ROWS; r++) html += this._rowHTML(r); tbody.insertAdjacentHTML('beforeend', html); }
+      }
+      // 追記前が floor 以下（最後の1行=クリア／minRows>1 ロック）だった時だけ、既存行の🗑 状態を再描画せず更新
+      // （appendRows は既存行を描き直さないため title/disabled が古いまま残るのを消す。floor 超過後は常態＝更新不要）。
+      if (this._hasDelCol() && n0 <= Math.max(1, this.minRows)) this._refreshRowDel();
+    }
+    // 遅延ロード(push・Phase B): 総行数を total に確保する。現行の行はそのまま・不足分を PENDING 行で埋め、超過は切る。
+    // dataComplete=false になり、この間 minSpareRows は自動無効（末尾スペアと PENDING tail は両立不可）。
+    // virtual 前提（PENDING 領域はスペーサに畳まれ描画されない＝軽い）。プラグインは onViewportChange→fillRows で実データを流し込む。
+    // setData で解除（実データに差し替わり dataComplete=true）。
+    setRowCount(total) {
+      total = Math.max(0, total | 0);
+      const cur = this.ROWS;
+      if (total > cur) { for (let r = cur; r < total; r++) { this.data.push(TssGrid.PENDING); this.rowH.push(undefined); } }
+      else if (total < cur) { this.data.length = total; this.rowH.length = total; }
+      this.ROWS = total;
+      let pend = 0; for (let r = 0; r < this.ROWS; r++) if (this.data[r] === TssGrid.PENDING) pend++;   // 確保時の一度きり O(N)。以降 fillRows が差分で維持
+      this._pendingCount = pend; this.dataComplete = pend === 0;
+      if (this.active.r >= this.ROWS) this.active = { r: Math.max(0, this.ROWS - 1), c: this.active.c };   // アクティブが範囲外なら詰める
+      if (this.table) { if (this.virtual) this._renderWindow(this._vWindow(), true); else this.buildTable(); }
+    }
+    // 遅延ロード(push・Phase B): PENDING 行 [start, start+rows.length) を実データに差し替える（onViewportChange への応答）。
+    // 塗り替え範囲が可視窓に重なる時だけ窓を再描画（buildTable しない）＝スクロール/選択/アクティブは不変。窓外は data 差し替えのみ。
+    // rows は現在のデータと同形（オブジェクトモードはオブジェクト配列／配列モードは行配列）。範囲外(>=ROWS)は無視。
+    fillRows(start, rows) {
+      if (!Array.isArray(rows) || !rows.length) return;
+      start = Math.max(0, start | 0);
+      for (let i = 0; i < rows.length; i++) {
+        const r = start + i; if (r >= this.ROWS) break;
+        const src = rows[i];
+        const srcIsObj = src && !Array.isArray(src) && typeof src === 'object';
+        const srcObj = srcIsObj ? Object.assign({}, src) : {};
+        let rowArr;
+        if (srcIsObj) rowArr = this._objToRow(src);
+        else { rowArr = Array.isArray(src) ? src.slice(0, this.COLS) : []; while (rowArr.length < this.COLS) rowArr.push(''); }
+        if (this.data[r] === TssGrid.PENDING) this._pendingCount--;   // PENDING→実データ（既に実データの再fill は count 不変）
+        this.data[r] = rowArr;
+        if (this._src) this._src[r] = srcObj;
+        if (this._meta) this._meta.set(rowArr, { a: new Map(), ro: new Set(), h: undefined });
+      }
+      if (this._pendingCount < 0) this._pendingCount = 0;
+      this.dataComplete = this._pendingCount === 0;
+      if (!this.table) return;
+      if (this.virtual) {
+        if (start < this._vEnd && start + rows.length > this._vStart) this._renderWindow(this._vWindow(), true);   // 可視窓に重なる時だけ再描画
+      } else this.buildTable();
+    }
     // 初期カーソル位置を [r,c] に解決（c は index か data キー）。範囲内へクランプ。
     _resolveInitialCell() {
       const ic = this.initialCell; if (!ic) return [0, 0];
@@ -371,6 +472,7 @@
       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++) {
+        if (this.data[r] === TssGrid.PENDING) continue;   // 遅延ロード: 未取得行は出さない（loaded-only）
         if (o.skipEmpty && this._rowEmpty(r)) continue;
         const cells = [];
         for (let c = 0; c < this.COLS; c++) cells.push(esc(o.formatted ? this._displayValue(r, c) : this.data[r][c]));
@@ -434,8 +536,27 @@
       const na = TssGrid.toNum(va), nb = TssGrid.toNum(vb);
       return (na !== null && nb !== null) ? na - nb : String(va).localeCompare(String(vb));
     }
+    // 遅延ロード(push): sort/filter は「グリッドが計算しない・サーバ再フェッチ」(AG Grid ポリシー)。
+    // 状態を onSortFilterChange で通知し、ロード済みを PENDING へ戻す(パージ)＝プラグインが新順で取り直す。
+    // 通知先が未設定なら破壊せず no-op（パージで画面を空にしない安全側）。呼び側は !dataComplete で本メソッドを使う。
+    _lazySortFilter(state) {
+      if (this.onSortFilterChange) {
+        try { this.onSortFilterChange(state); } catch (_) {}
+        this._purgeToPending();   // 窓再描画で onViewportChange も発火＝プラグインが可視域を新順で取り直す
+      } else {
+        try { console.warn('[TssGrid] 遅延ロード中の sort/filter はサーバ側で解決してください（onSortFilterChange 未設定のため no-op）'); } catch (_) {}
+      }
+    }
+    // ロード済み行を全て PENDING に戻す（sort/filter 変更でブロックが陳腐化＝AG Grid の cache purge 相当）。
+    _purgeToPending() {
+      for (let r = 0; r < this.ROWS; r++) { this.data[r] = TssGrid.PENDING; if (this._src) this._src[r] = {}; }
+      this._pendingCount = this.ROWS; this.dataComplete = false;
+      this._vpStart = -1; this._vpEnd = -1;   // 次の窓通知を必ず出す（新順の取り直しを促す）
+      if (this.table) { if (this.virtual) this._renderWindow(this._vWindow(), true); else this.buildTable(); }
+    }
     // 列 c（index か data キー）で並べ替え。dir='asc'(既定)|'desc'。数値っぽければ数値比較、でなければ文字列比較。
     sortBy(c, dir) {
+      if (!this.dataComplete) return this._lazySortFilter({ type: 'sort', sort: [{ col: c, dir: dir || 'asc' }] });   // 遅延ロード中はサーバ委譲
       if (this._sortLocked()) return;   // 結合中はソート禁止（値による組み替えで結合帯が散らばる）
       const ci = this._resolveCol(c); if (ci < 0) return;
       const sgn = dir === 'desc' ? -1 : 1;
@@ -447,6 +568,7 @@
     // 多段（複数列）ソート。specs=[{col, dir}] を優先順（先頭=第1キー）に。col=index か data キー、dir='asc'(既定)|'desc'。
     // 各段は sortBy と同じセル比較。前段が同値のときだけ次段で決める（安定ソート＝残った同値は現在の並びを保つ）。空行は最下部固定。
     sortByCols(specs) {
+      if (!this.dataComplete) return this._lazySortFilter({ type: 'sort', sort: specs });   // 遅延ロード中はサーバ委譲
       if (this._sortLocked()) return;   // 結合中はソート禁止
       const keys = (specs || [])
         .map(s => ({ ci: this._resolveCol(s && s.col), sgn: (s && s.dir === 'desc') ? -1 : 1 }))
@@ -462,6 +584,7 @@
     }
     // 任意比較で並べ替え。cmp(rowA, rowB) は行（配列 or オブジェクト）を受ける。空行は最下部固定。
     sortRows(cmp) {
+      if (!this.dataComplete) return this._lazySortFilter({ type: 'sort', sort: 'custom' });   // 遅延ロード中はサーバ委譲（JS比較子はサーバへ渡せない＝custom 通知のみ）
       if (this._sortLocked()) return;   // 結合中はソート禁止
       this._rememberOrder();
       const rows = this._src ? this.getRows() : this.data;
@@ -519,6 +642,7 @@
     }
     // 絞り込み。pred=(row, masterIndex, src)=>bool / {col:value|fn} / falsy=解除。非破壊（編集は参照でマスタへ反映）。
     filter(pred) {
+      if (!this.dataComplete) { this._lazySortFilter({ type: 'filter', filter: pred }); return false; }   // 遅延ロード中はサーバ委譲（JS述語はサーバへ渡せない＝通知のみ）
       if (this._merges && this._merges.length) return false;   // v1: 結合中は不可
       const fn = this._normFilter(pred);
       if (!fn) return this.clearFilter();
@@ -646,6 +770,23 @@
       this.copybox = q('.tg-copybox'); this.fillhandle = q('.tg-fillhandle'); this.fillpreview = q('.tg-fillpreview');
       this.resizeGuide = q('.tg-resizeguide');
       this._edInput = q('input.tg-editor'); this._edMulti = q('.tg-editor-multi'); this.editor = this._edInput;
+      // ブラウザ/拡張の自動入力（Chrome の「ポイントカード/住所/支払い」等）抑止。
+      // name 無しだとブラウザが周囲のラベルからフィールド種別をML推論して誤爆する（会員番号扱い等）ため、
+      // 非意味的で一意な name を付けて種別マッチと入力記憶を避ける。autocomplete=off に加え各PWマネージャの無視属性も。
+      // ※Chrome のポイントカード/支払い系は autocomplete=off を無視することがあり100%ではない（確実に切るならブラウザ設定側）。
+      // suppressAutofill:true は autocomplete を 'new-password' に（Chrome の loyalty/payment は 'off' を無視するため）。
+      // 公式なフィールド無効化 API が将来出たら、この1行の値を差し替えれば全 TssGrid に波及する。
+      const _acVal = this.suppressAutofill ? 'new-password' : 'off';
+      const _eduid = 'tg-ed-' + (TssGrid._edSeq = (TssGrid._edSeq | 0) + 1);
+      [this._edInput, this._edMulti].forEach((el, i) => {
+        el.name = _eduid + '-' + i;
+        el.setAttribute('autocomplete', _acVal);
+        el.setAttribute('autocapitalize', 'off');
+        el.setAttribute('data-lpignore', 'true');    // LastPass
+        el.setAttribute('data-1p-ignore', 'true');   // 1Password
+        el.setAttribute('data-bwignore', 'true');    // Bitwarden
+        el.setAttribute('data-form-type', 'other');  // 一部ヒューリスティック向けヒント
+      });
       this.select = q('.tg-select'); this.dumpEl = q('.tg-dump');
       this.menuEl = q('.tg-menu');
       this.root = q('.tssgrid');
@@ -665,13 +806,14 @@
     activeTd() { return this.cellEl(this.active.r, this.active.c); }
     clampR(r) { return Math.max(0, Math.min(this.ROWS - 1, r)); }
     clampC(c) { return Math.max(0, Math.min(this.COLS - 1, c)); }
-    renderDump() { if (this.dumpEl) this.dumpEl.textContent = JSON.stringify(this.data); if (this.onChange) this.onChange(this); }
+    renderDump() { if (this._renderPaused) { this._renderDirty = true; return; } if (this.dumpEl) this.dumpEl.textContent = JSON.stringify(this.data); if (this.onChange) this.onChange(this); }
 
     // ---- 列定義（セルタイプ / バリデータ） ----
     colCfg(c) { return this.columns[c] || {}; }
     colType(c) { return this.colCfg(c).type || 'text'; }
     // 読み取り専用判定（グリッド全体 / 列 readOnly: bool/関数 / セル単位 setCellReadOnly）。
     _isReadOnly(r, c) {
+      if (this.data[r] === TssGrid.PENDING) return true;   // 遅延ロード: 未取得セルは「読込中」＝編集不可（fillRows で実データが来たら普通に編集可）
       if (this.readOnly) return true;
       if (this._merges && this._isCovered(r, c)) return true;   // 結合の従属セルは編集不可（貼付/フィルは既存の readOnly 経路で巻戻し）
       if (this._cellRO.has(r + ',' + c)) return true;   // セル単位の実行時トグル
@@ -734,6 +876,7 @@
     _structRemapFn(info) {
       switch (info.type) {
         case 'insertRow': { const at = info.at; return (r, c) => [r >= at ? r + 1 : r, c]; }
+        case 'insertRows': { const { at, count } = info; return (r, c) => [r >= at ? r + count : r, c]; }
         case 'deleteRows': { const { r0, r1 } = info, n = r1 - r0 + 1; return (r, c) => (r >= r0 && r <= r1) ? null : [r > r1 ? r - n : r, c]; }
         case 'insertCol': { const at = info.at; return (r, c) => [r, c >= at ? c + 1 : c]; }
         case 'deleteCols': { const { c0, c1 } = info, m = c1 - c0 + 1; return (r, c) => (c >= c0 && c <= c1) ? null : [r, c > c1 ? c - m : c]; }
@@ -749,6 +892,7 @@
       for (const m of this._merges) {
         let { r, c, colspan } = m, rowspan = m.rowspan || 1;
         if (info.type === 'insertRow') { const at = info.at; if (at <= r) r++; else if (at < r + rowspan) rowspan++; }
+        else if (info.type === 'insertRows') { const { at, count } = info; if (at <= r) r += count; else if (at < r + rowspan) rowspan += count; }
         else if (info.type === 'deleteRows') {
           const { r0, r1 } = info, n = r1 - r0 + 1, top = r, bot = r + rowspan - 1;
           if (r0 <= top && r1 >= bot) continue;                          // 縦方向すべて消える
@@ -1025,6 +1169,7 @@
       if (keys.length) td.dataset.cstyle = keys.join(' '); else delete td.dataset.cstyle;
     }
     _renderCell(r, c) {
+      if (this._renderPaused) { this._renderDirty = true; return; }   // バッチ描画中は最後の buildTable が全セルを一括で描く
       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;
@@ -1044,6 +1189,27 @@
     _colWidth(c) { return this.colW[c] != null ? this.colW[c] : this.defColW; }
     _rowHeight(r) { return this.rowH[r] != null ? this.rowH[r] : this.defRowH; }
     _rhW() { return this.rowHeaders ? this.rowHeaderW : 0; }   // 行ヘッダ列の幅（非表示なら 0）
+    _hasDelCol() { return this.rowDelete && this.allowDeleteRows; }   // 右端削除列を出すか（allowDeleteRows:false なら出さない）
+    _delW() { return this._hasDelCol() ? this.rowDeleteW : 0; }        // 削除列の幅（非表示なら 0）
+    // 行末の削除セル（🗑）。data-r/data-c を持たない＝各種 td[data-r] 探索に引っかからない（行番号は closest('tr[data-r]') から取る）。
+    _delCellHTML(r) {
+      if (!this._hasDelCol()) return '';
+      const floor = Math.max(1, this.minRows);
+      const canDelete = this.ROWS > floor;
+      const soleClear = !canDelete && this.ROWS === 1;   // 最後の1行＝削除でなく「中身クリア」（行は残す）＝🗑 は有効のまま
+      const dis = (!canDelete && !soleClear) ? ' tg-disabled' : '';   // minRows>1 のロック時だけ無効（クリアもしない）
+      const title = soleClear ? '内容をクリア' : '行を削除';   // 最後の1行は動作が「クリア」なのでツールチップも変える
+      return '<td class="tg-rowdel-cell"><span class="tg-rowdel' + dis + '" title="' + title + '">🗑</span></td>';
+    }
+    // 🗑 の title/disabled は ROWS 依存（最後の1行=「内容をクリア」／minRows>1 ロック=無効）で全行一律。
+    // 行数だけ変えて既存行を再描画しない経路（appendRows の非virtual）用に、描画済み🗑を現在の ROWS へ揃える。
+    _refreshRowDel() {
+      if (!this._hasDelCol() || !this.table) return;
+      const canDelete = this.ROWS > Math.max(1, this.minRows);
+      const soleClear = !canDelete && this.ROWS === 1;
+      const dis = !canDelete && !soleClear, title = soleClear ? '内容をクリア' : '行を削除';
+      this.table.querySelectorAll('tbody .tg-rowdel').forEach(el => { el.classList.toggle('tg-disabled', dis); el.setAttribute('title', title); });
+    }
     // 行ヘッダの表示内容: false=空（数字なし）/ 関数=カスタム（エスケープ）/ 既定=行番号(r+1)。
     _rowHeadLabel(r) {
       const L = this.rowHeaderLabel;
@@ -1112,7 +1278,7 @@
     }
     toggleColumn(c) { this.hiddenCols.has(this.clampC(c)) ? this.showColumn(c) : this.hideColumn(c); }
     _placeholder(c) { const p = this.colCfg(c).placeholder; return p != null ? String(p) : this.placeholder; }
-    _totalWidth() { let w = this._rhW(); for (let c = 0; c < this.COLS; c++) if (!this._isHidden(c)) w += this._colWidth(c); return w; }
+    _totalWidth() { let w = this._rhW(); for (let c = 0; c < this.COLS; c++) if (!this._isHidden(c)) w += this._colWidth(c); return w + this._delW(); }
     // テーブルに合計幅を明示。これが無いと狭い枠で fixed レイアウトが列を比例圧縮し、
     // 保存値(colW)と実描画幅がズレてリサイズのプレビュー線が外れる。
     _applyTableWidth() { this.table.style.width = this._totalWidth() + 'px'; }
@@ -1152,7 +1318,7 @@
     // 上から n 行を固定（実行時変更可）
     freezeRows(n) { this.frozenRows = Math.max(0, Math.min(this.ROWS, n | 0)); this.buildTable(); this.setActive(this.active.r, this.active.c); }
     // リーフ（実列に対応する）ヘッダ行を生成。labels 指定時はその文字列/ {label} を見出しに使う。
-    _leafHeaderTr(withCorner, labels) {
+    _leafHeaderTr(withCorner, labels, delHdr) {
       let html = '<tr>' + (withCorner ? '<th class="rowhead corner"></th>' : '');
       for (let c = 0; c < this.COLS; c++) {
         const cls = [];
@@ -1165,6 +1331,7 @@
         if (lbl && typeof lbl === 'object') lbl = lbl.label != null ? lbl.label : '';
         html += '<th data-c="' + c + '"' + a + '>' + headCb + TssGrid.esc(lbl != null ? lbl : '') + grip + '</th>';
       }
+      if (delHdr) html += '<th class="tg-rowdel-hdr"></th>';   // 右端削除列の見出し（無地・非データ）。ネストヘッダ時は角を rowspan で出すのでここでは出さない
       return html + '</tr>';
     }
     // ネストヘッダ: 各ヘッダ行を異なる top で sticky（段が重ならないように積む）。
@@ -1177,7 +1344,16 @@
       });
     }
     // 1行ぶんの <tr>…</tr> を生成（buildTable の本体ループと、仮想スクロールの窓再描画 _renderWindow で共用）。
+    // 遅延ロード: 未取得(PENDING)行は data[r][c] を一切読まず「読込中」プレースホルダ行を描く。
+    _pendingRowHTML(r) {
+      const rh = this.rowHeaders;
+      const head = rh ? '<th class="rowhead" data-r="' + r + '">' + this._rowHeadLabel(r) + '</th>' : '';
+      const cell = '<td class="tg-pending-cell" colspan="' + this.COLS + '" data-r="' + r + '" data-c="0"><span class="tg-pending-dots"></span></td>';
+      const del = this._hasDelCol() ? '<td class="tg-rowdel-cell"></td>' : '';   // 読込中行は🗑を出さない（値未取得）＝列合わせの空セルのみ
+      return '<tr data-r="' + r + '" class="tg-row tg-pending-row" style="height:' + this._rowHeight(r) + 'px">' + head + cell + del + '</tr>';
+    }
     _rowHTML(r) {
+      if (this.data[r] === TssGrid.PENDING) return this._pendingRowHTML(r);   // 未取得行＝読込中プレースホルダ（値は読まない）
       const rh = this.rowHeaders;
       const rgrip = (rh && this.resizeRows) ? '<div class="tg-rowgrip"></div>' : '';
       const canMove = rh && this.rowReorder && !this._hasVMerge();
@@ -1222,7 +1398,7 @@
         const csAttr = (cs > 1 ? ' colspan="' + cs + '"' : '') + (rs > 1 ? ' rowspan="' + rs + '"' : '');
         html += '<td' + a + ico + dccls + sty + titleAttr + csAttr + ' data-r="' + r + '" data-c="' + c + '">' + this._cellHTML(r, c) + '</td>';
       }
-      return html + '</tr>';
+      return html + this._delCellHTML(r) + '</tr>';
     }
     // 仮想スクロール: 現在の scrollTop から描画すべき窓 [start,end)（絶対行）を算出。バッファ込み。
     _vWindow() {
@@ -1241,7 +1417,7 @@
       if (!force && this._vRendered && win.start === this._vStart && win.end === this._vEnd) return false;
       const tbody = this.table && this.table.querySelector('tbody');
       if (!tbody) return false;
-      const rh = this.rowHeaders, colsSpan = this.COLS + (rh ? 1 : 0);
+      const rh = this.rowHeaders, colsSpan = this.COLS + (rh ? 1 : 0) + (this._hasDelCol() ? 1 : 0);
       const topH = win.start * this.defRowH, botH = (this.ROWS - win.end) * this.defRowH;
       let html = '';
       if (topH > 0) html += '<tr class="tg-vspace" aria-hidden="true" style="height:' + topH + 'px"><td colspan="' + colsSpan + '"></td></tr>';
@@ -1251,8 +1427,15 @@
       this._vStart = win.start; this._vEnd = win.end; this._vRendered = true;
       this._syncHeaderCheckboxes();
       this.updateSelectionUI();   // セルが作り直されたので窓内の選択シェード/オーバーレイを再適用
+      this._fireViewport(win.start, win.end);   // 遅延ロード: 窓が変わったらプラグインへ通知（PENDING を fillRows で埋めさせる）
       return true;
     }
+    // 遅延ロード: 描画窓が変わった時だけ onViewportChange(start,end) を発火（同一範囲は抑止＝fillRows→再描画の再帰も止まる）。
+    _fireViewport(start, end) {
+      if (!this.onViewportChange || (start === this._vpStart && end === this._vpEnd)) return;
+      this._vpStart = start; this._vpEnd = end;
+      try { this.onViewportChange(start, end); } catch (_) {}
+    }
     // 仮想スクロール: スクロールで窓がずれたら再描画（rAF スロットル）。
     _vSync() {
       if (!this.virtual || this._vRAF) return;
@@ -1275,11 +1458,13 @@
       this._renderWindow(this._vWindow(), false);   // 窓を即同期（place 前に DOM を確定）
     }
     buildTable() {
+      if (this._renderPaused) { this._renderDirty = true; return; }   // バッチ描画中は最後にまとめて1回（_withBatchedRender）
       if (this._customEditor && this._customCancel) this._customCancel();   // 開いているカスタムエディタを閉じる（body直下ポップアップの取り残し防止・_commitActive と同じ扱い）
       this._selhdrFg = null;   // 選択ヘッダ文字色キャッシュ破棄（テーマ変更に追従）
       const rh = this.rowHeaders;
       let html = '<colgroup>' + (rh ? '<col style="width:' + this.rowHeaderW + 'px">' : '');
       for (let c = 0; c < this.COLS; c++) html += '<col data-c="' + c + '"' + (this._isHidden(c) ? ' class="tg-hidden"' : '') + ' style="width:' + (this._isHidden(c) ? 0 : this._colWidth(c)) + 'px">';
+      if (this._hasDelCol()) html += '<col class="tg-rowdel-col" style="width:' + this.rowDeleteW + 'px">';   // 右端削除列（固定幅・システム列）
       html += '</colgroup>';
       if (this.colHeaders) {
         html += '<thead>';
@@ -1298,18 +1483,19 @@
               html += '<th class="tg-grouphdr' + froz + '" colspan="' + span + '" data-c0="' + c + '" data-c1="' + c1 + '">' + TssGrid.esc(label) + '</th>';
               c += span;
             }
+            if (this._hasDelCol() && ri === 0) html += '<th class="tg-rowdel-hdr corner" rowspan="' + nRows + '"></th>';   // 右端削除列の角（全ヘッダ段を rowspan で覆う）
             html += '</tr>';
           });
-          html += this._leafHeaderTr(false, leaf);     // リーフ段（角は上で rowspan 済み）
+          html += this._leafHeaderTr(false, leaf, false);     // リーフ段（左角も右削除角も上段で rowspan 済み）
         } else {
-          html += this._leafHeaderTr(rh, null);
+          html += this._leafHeaderTr(rh, null, this._hasDelCol());
         }
         html += '</thead>';
       }
       html += '<tbody>';
       if (this.virtual) {
         const win = this._vWindow(); this._vStart = win.start; this._vEnd = win.end; this._vRendered = true;
-        const colsSpan = this.COLS + (rh ? 1 : 0);
+        const colsSpan = this.COLS + (rh ? 1 : 0) + (this._hasDelCol() ? 1 : 0);
         const topH = win.start * this.defRowH, botH = (this.ROWS - win.end) * this.defRowH;
         if (topH > 0) html += '<tr class="tg-vspace" aria-hidden="true" style="height:' + topH + 'px"><td colspan="' + colsSpan + '"></td></tr>';
         for (let r = win.start; r < win.end; r++) html += this._rowHTML(r);
@@ -1331,6 +1517,7 @@
       this._syncHeaderCheckboxes();
       this._buildGeomCache();   // 実測幾何キャッシュ（全 _apply 後＝幅高が確定してから）
       this.renderDump();
+      if (this.virtual) this._fireViewport(this._vStart, this._vEnd);   // 遅延ロード: 初期/再構築後の窓もプラグインへ通知（table 確定後に発火）
     }
     // 各リーフ列ヘッダth（data-c 付き）を生成後に onHeaderRender へ渡す。ソートアイコン等の差し込み用。
     _applyHeaderRender() {
@@ -1384,7 +1571,7 @@
       if (this.stretchH === 'none' || !this.stretchH) return;
       const avail = this.wrap ? this.wrap.clientWidth : 0;
       if (!avail) return;
-      const base = this._rhW(), widths = [];
+      const base = this._rhW() + this._delW(), widths = [];   // 削除列は固定幅＝ストレッチ対象外（余白計算から差し引く）
       let sum = 0;
       for (let c = 0; c < this.COLS; c++) { const wd = this._colWidth(c); widths.push(wd); sum += wd; }
       const extra = avail - base - sum;
@@ -1519,13 +1706,17 @@
       // 選択範囲が及ぶ行/列ヘッダをハイライト（Excel 風のアフォーダンス）。仮想時は行ヘッダを窓内にクランプ（大量行で querySelector を無駄打ちしない）。
       const hlo = this.virtual ? Math.max(r0, this._vStart) : r0;
       const hhi = this.virtual ? Math.min(r1, this._vEnd - 1) : r1;
+      // 巨大選択（大量貼付/全選択など）は per-cell の背景シェードと行ヘッダ塗りを省き、selrange アウトライン（O(1)・
+      // スクロール追従）に任せる＝O(行×列) の DOM 変異を回避（1000行貼付で updateSelectionUI ~175ms→~1ms）。
+      // 画面に収まる通常選択（~2000セル未満）は従来どおり全セルをシェード＝見た目不変。
+      const rows = hhi - hlo + 1, bigSel = rows > 300 || rows * (c1 - c0 + 1) > 2000;
       for (let c = c0; c <= c1; c++) { const th = this.table.querySelector('thead th[data-c="' + c + '"]'); if (th) th.classList.add('selhdr'); }
-      for (let r = hlo; r <= hhi; r++) { const th = this.table.querySelector('th.rowhead[data-r="' + r + '"]'); if (th) th.classList.add('selhdr'); }
+      if (!bigSel) for (let r = hlo; r <= hhi; r++) { const th = this.table.querySelector('th.rowhead[data-r="' + r + '"]'); if (th) th.classList.add('selhdr'); }
       this.wrap.style.setProperty('--tg-selhdr-fg', this._selhdrTextColor());   // 選択ヘッダ文字色を背景輝度から自動（暗背景→白）
       if (r0 === r1 && c0 === c1) return;
       const clampMerge = this._headerSel && this._merges;   // 列/行選択では「範囲に収まらない結合」は塗らない（帯を塗り広げない）
       // 仮想スクロール: 窓内の行だけシェード（範囲枠 selrange は placeRect がモデル幾何で全域を描く）。
-      for (let r = hlo; r <= hhi; r++) for (let c = c0; c <= c1; c++) {
+      if (!bigSel) for (let r = hlo; r <= hhi; r++) for (let c = c0; c <= c1; c++) {
         if (clampMerge) {
           const a = this._anchorOf(r, c), mc1 = a.c + this._colspanAt(a.r, a.c) - 1, mr1 = a.r + this._rowspanAt(a.r, a.c) - 1;
           if (a.r < r0 || mr1 > r1 || a.c < c0 || mc1 > c1) continue;   // 結合が選択範囲に収まらない＝塗らない
@@ -1561,6 +1752,7 @@
       return (this._selhdrFg = L < 0.55 ? '#fff' : '#1a3a6b');
     }
     updateSelectionUI() {
+      if (this._renderPaused) return;   // バッチ描画中は選択枠の位置決めを保留（resume 後に1回）
       if (!this.cursor) {   // 表示専用: 選択枠・範囲・フィルハンドルを出さない（選択自体は内部に保持）
         this.selbox.style.display = 'none'; this.selrange.style.display = 'none'; this.fillhandle.style.display = 'none';
         return;
@@ -1730,6 +1922,7 @@
     }
     focusAndSelect(sel) {
       this.active = { ...sel.active }; this.extent = { ...sel.extent };
+      if (this._renderPaused) { this._pendingSel = sel; return; }   // バッチ描画中は選択を記録だけ→resume で1回反映
       if (this.virtual) this._vEnsureVisible(this.active.r);
       this._syncEditorNav(); this.editor.focus(); this.updateSelectionUI();
       if (!this.virtual) this.activeTd().scrollIntoView({ block: 'nearest', inline: 'nearest' });
@@ -2011,14 +2204,16 @@
       }
       this.renderDump();
       const grid = this;
+      // minSpareRows: この編集で末尾スペア行が自動追加された分を、履歴コマンドに畳み込む
+      // （undo で編集値と一緒に追加行も外す／redo で戻す）＝「自動行追加が undo で消えない」不具合の解消。
+      const spareAdded = this._ensureSpare();
       this.history.push({
         label: this.name,
-        apply() { grid._applyCells(changes, 'neu', 'redo'); grid.focusAndSelect(selAfter); },
-        revert() { grid._applyCells(changes, 'old', 'undo'); grid.focusAndSelect(selBefore); },
+        apply() { grid._applyCells(changes, 'neu', 'redo'); grid._addSpareRows(spareAdded); grid.focusAndSelect(selAfter); },
+        revert() { grid._applyCells(changes, 'old', 'undo'); grid._removeSpareRows(spareAdded); grid.focusAndSelect(selBefore); },
       });
       if (this.onAfterChange) { try { this.onAfterChange(this._pubChanges(changes, source), source); } catch (_) {} }
       this._syncHeaderCheckboxes();   // ヘッダ全選択チェックの見た目を同期
-      this._ensureSpare();   // 末尾の空行確保（minSpareRows）
     }
     commit() {
       const wasEditing = this.mode === 'edit';
@@ -2056,13 +2251,28 @@
       }
     }
     // 末尾に常に minSpareRows 行の空行を確保（足りなければ追加。履歴には積まない）。
+    // 追加した空行数を返す（pushCmd が履歴コマンドに畳み込んで undo/redo で戻す／足すため）。
     _ensureSpare() {
-      if (!this.minSpareRows || this._allRows) return;   // フィルタ中は末尾の自動空行を足さない（マスタ desync 回避）
+      if (this._renderPaused) { this._renderDirty = true; return 0; }   // バッチ描画中は保留→resume でまとめて確保
+      if (!this.minSpareRows || this._allRows || !this.dataComplete) return 0;   // フィルタ中/遅延ロード中(PENDING tail)は末尾の自動空行を足さない
       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.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); }
+      return added;
+    }
+    // pushCmd の undo/redo 用: minSpareRows で自動追加された末尾空行 n 行を、編集の取消/やり直しと一緒に外す/戻す。
+    _addSpareRows(n) {
+      if (!n) return;
+      for (let k = 0; k < n; k++) { this.data.push(new Array(this.COLS).fill('')); this.rowH.push(undefined); if (this._src) this._src.push({}); }
+      this.ROWS += n; this.buildTable();
+    }
+    _removeSpareRows(n) {
+      if (!n) return;
+      n = Math.min(n, this.ROWS - 1);   // 最低1行は残す（防御）
+      this.data.length -= n; this.rowH.length -= n; if (this._src) this._src.length -= n;
+      this.ROWS -= n; this.buildTable();
     }
     // 構造変更を実行＋履歴に積む共通処理。doIt/undoIt は冪等（redo で再実行される）。
     _structCmd(doIt, undoIt, selAfterFn, selBefore, info) {
@@ -2089,26 +2299,40 @@
       if (at - 1 >= 0) { const i = this._allRows.indexOf(this.data[at - 1]); if (i >= 0) return i + 1; }
       return this._allRows.length;
     }
-    insertRow(ri, where = 'above') {
+    insertRow(ri, where = 'above') { this.insertRows(ri, 1, where); }
+    // 一括挿入プリミティブ: count 行を1回の buildTable・1つの history コマンドで挿入（Undo/Redo が1手で count 行まとめて戻る）。
+    // 大量貼付など「まとめて足す」を O(N²)（1行ずつ insertRow）から O(N) に。既定 count=1 は insertRow と挙動等価。
+    insertRows(ri, count = 1, where = 'above') {
       if (!this.allowInsertRows) return;
-      if (this.maxRows && this.ROWS >= this.maxRows) return;   // 上限
+      count = Math.max(0, count | 0);
+      if (this.maxRows) count = Math.min(count, this.maxRows - this.ROWS);   // 上限までにクランプ（超過分は足さない）
+      if (count <= 0) return;
       if (this.mode === 'edit') this._commitActive();
       this._normalizeArrays();
       const at = Math.max(0, Math.min(this.ROWS, where === 'below' ? ri + 1 : ri));
       const before = this.snapSel(), grid = this, c = this.active.c, frozenBump = at < this.frozenRows;
-      let ref;   // 挿入した行参照（フィルタ中の _allRows 追従・undo 用に保持）
+      let refs;   // 挿入した行参照の配列（フィルタ中の _allRows 追従・undo 用に保持）
       const doIt = () => {
-        ref = new Array(grid.COLS).fill('');
-        grid.data.splice(at, 0, ref); grid.rowH.splice(at, 0, undefined); if (grid._src) grid._src.splice(at, 0, {}); grid.ROWS++;
-        if (grid._allRows) { const mi = grid._masterInsertIndex(at); grid._allRows.splice(mi, 0, ref); if (grid._allSrc) grid._allSrc.splice(mi, 0, {}); }   // マスタにも挿入
-        if (frozenBump) grid.frozenRows++;
+        refs = []; const hs = [], srcs = grid._src ? [] : null;
+        for (let k = 0; k < count; k++) { refs.push(new Array(grid.COLS).fill('')); hs.push(undefined); if (srcs) srcs.push({}); }
+        // マスタ挿入位置は data を splice する前の位置関係から決める（_masterInsertIndex と同じ規則をバッチ用に）
+        let mi = -1;
+        if (grid._allRows) {
+          mi = grid._allRows.length;
+          if (at < grid.data.length) { const i = grid._allRows.indexOf(grid.data[at]); if (i >= 0) mi = i; }
+          else if (at - 1 >= 0) { const i = grid._allRows.indexOf(grid.data[at - 1]); if (i >= 0) mi = i + 1; }
+        }
+        grid.data.splice(at, 0, ...refs); grid.rowH.splice(at, 0, ...hs); if (grid._src) grid._src.splice(at, 0, ...srcs); grid.ROWS += count;
+        if (grid._allRows) { grid._allRows.splice(mi, 0, ...refs); if (grid._allSrc) grid._allSrc.splice(mi, 0, ...refs.map(() => ({}))); }   // マスタにも一括挿入
+        if (frozenBump) grid.frozenRows += count;
       };
       const undoIt = () => {
-        grid.data.splice(at, 1); grid.rowH.splice(at, 1); if (grid._src) grid._src.splice(at, 1); grid.ROWS--;
-        if (grid._allRows && ref) { const i = grid._allRows.indexOf(ref); if (i >= 0) { grid._allRows.splice(i, 1); if (grid._allSrc) grid._allSrc.splice(i, 1); } }
-        if (frozenBump) grid.frozenRows--;
+        grid.data.splice(at, count); grid.rowH.splice(at, count); if (grid._src) grid._src.splice(at, count); grid.ROWS -= count;
+        if (grid._allRows && refs) { for (const ref of refs) { const i = grid._allRows.indexOf(ref); if (i >= 0) { grid._allRows.splice(i, 1); if (grid._allSrc) grid._allSrc.splice(i, 1); } } }
+        if (frozenBump) grid.frozenRows -= count;
       };
-      this._structCmd(doIt, undoIt, () => ({ active: { r: at, c }, extent: { r: at, c } }), before, { type: 'insertRow', at });
+      const type = count === 1 ? 'insertRow' : 'insertRows';   // 単行は従来どおり type:'insertRow'（後方互換）／複数は 'insertRows'
+      this._structCmd(doIt, undoIt, () => ({ active: { r: at, c }, extent: { r: at + count - 1, c } }), before, { type, at, count });
     }
     deleteRows(r0, r1) {
       if (!this.allowDeleteRows) return;
@@ -2135,6 +2359,15 @@
       };
       this._structCmd(doIt, undoIt, () => { const rr = Math.min(r0, grid.ROWS - 1); return { active: { r: rr, c }, extent: { r: rr, c } }; }, before, { type: 'deleteRows', r0, r1 });
     }
+    // 右端🗑の「最後の1行」用: 0行にはできない（削除ガード）ので、行は残して中身だけ空にする
+    // （「消してから空行を足す」のと正味同じ結果を、0行に一瞬も落とさず 1 undo で）。readOnly セルはスキップ。
+    clearRow(r) {
+      if (r < 0 || r >= this.ROWS) return;
+      if (this.mode === 'edit') this._commitActive();
+      const before = this.snapSel(), changes = [];
+      for (let c = 0; c < this.COLS; c++) { if (this._isReadOnly(r, c)) continue; this.setCell(r, c, '', changes); }
+      this.pushCmd(changes, before, this.snapSel(), 'delete');   // changes 空（既に空/全 readOnly）なら pushCmd 側で no-op
+    }
     insertCol(ci, where = 'left') {
       if (!this.allowInsertCols) return;
       if (this._allRows) return;   // v1: フィルタ中は構造変更ロック
@@ -2207,6 +2440,26 @@
         revert() { for (let i = batch.length - 1; i >= 0; i--) batch[i].revert(); },
       });
     }
+    // 大量セル更新を「最後に1回 buildTable」へ畳む。中の buildTable/_renderCell/renderDump/選択UI は保留され、
+    // resume 時に buildTable 1回＋選択反映＋renderDump 1回だけ走る（1行ずつ描く N 回の DOM 変異を消す）。
+    // 例: 1000×5 の貼付が per-cell 描画 ~500ms → 一括 ~80ms。入れ子は外側が最後にまとめて描く。
+    _withBatchedRender(fn) {
+      if (this._renderPaused) return fn();   // 入れ子: 外側の resume に任せる
+      this._renderPaused = true; this._renderDirty = false; this._pendingSel = null;
+      let ret;
+      try { ret = fn(); }
+      finally {
+        this._renderPaused = false;
+        if (this._renderDirty) {
+          this.buildTable();                                   // 全セルを1回のHTML生成で描く（末尾で renderDump＝dumpEl/onChange も1回発火）
+          this._ensureSpare();                                 // 保留していた末尾スペア行の確保
+          const s = this._pendingSel; this._pendingSel = null;
+          if (s) this.focusAndSelect(s);                       // 選択枠・スクロールを1回だけ
+        }
+        this._renderDirty = false;
+      }
+      return ret;
+    }
 
     // ---- 右クリックメニュー ----
     _onContextMenu(e) {
@@ -2466,6 +2719,21 @@
         if (Array.isArray(ret)) g = ret;
         if (!g || !g.length) return;
       }
+      // pasteAutoGrow=true では「行の一括生成」と「値の貼付」を1つの history にまとめる（1回の undo で両方戻る）。
+      // 非オートグロー時は history.push が1回だけ＝_batchHistory は素通し（従来とバイト等価）。
+      let after;
+      const body = () => { this._batchHistory(() => { after = this._pasteGridBody(g); }); };
+      // 大量貼付だけ _withBatchedRender で「最後に buildTable 1回」へ畳む（per-cell 描画 N 回を消す＝1000行 ~500ms→~80ms）。
+      // 小さな貼付を大きなグリッドに落とす時は従来どおり per-cell（全再描画の方が高くつくため回避）。
+      const willGrow = this.pasteAutoGrow && (this.active.r + g.length > this.ROWS);
+      const heavy = willGrow || (g.length >= 8 && g.length * 5 >= this.ROWS);   // 貼付が表の ~20% 以上を占める or 行が増える時だけ畳む
+      if (heavy) this._withBatchedRender(body); else body();
+      if (after && this.onAfterPaste) {   // onAfterPaste は batch の外で呼ぶ（コールバック内の履歴操作を貼付コマンドに混ぜない）
+        const range = { r0: after.active.r, c0: after.active.c, r1: after.extent.r, c1: after.extent.c };
+        try { this.onAfterPaste(g, { range }); } catch (_) {}
+      }
+    }
+    _pasteGridBody(g) {
       const before = this.snapSel(), changes = [], sel = this.rectRange();
       const visAll = this._visCols();
       let after;
@@ -2474,21 +2742,31 @@
         for (let r = sel.r0; r <= sel.r1; r++) for (let c = sel.c0; c <= sel.c1; c++) if (!this._isHidden(c)) this.setCell(r, c, v, changes);
         after = { active: { r: sel.r0, c: sel.c0 }, extent: { r: sel.r1, c: sel.c1 } };
       } else {
-        const r0 = this.active.r, c0 = this.active.c;
+        // アクティブ列が隠し列だと（例: selectRow は active.c=0 を置く＝先頭列が hiddenColumns の時）以下の indexOf が -1 になり、
+        // 貼り付けが1列ずれて先頭値が落ちる。可視列へスナップしてから起点を取る（setActive と同じ「隠し列に置かない」規則）。
+        const r0 = this.active.r, c0 = this._snapVisCol(this.active.c);
         let maxw = 0; for (let i = 0; i < g.length; i++) maxw = Math.max(maxw, g[i].length);
         const p0 = visAll.indexOf(c0), availCols = visAll.length - p0;   // 貼り付けは可視列へ（隠し列をスキップ）
-        // 範囲超過チェック（オプトイン）: はみ出すなら貼り付けを中止してエラー通知
-        if (this.pasteOverflow === 'error' && (r0 + g.length > this.ROWS || maxw > availCols)) {
+        // オートグロー時に伸ばせる上限行数（maxRows があればそこまで／無ければ無制限）。非オートグローは現状の ROWS。
+        const capRows = this.pasteAutoGrow ? (this.maxRows || Infinity) : this.ROWS;
+        // 範囲超過チェック（オプトイン）: 伸ばしても収まらない or 列がはみ出すなら貼り付けを中止してエラー通知（行生成の前に判定＝原子性）
+        if (this.pasteOverflow === 'error' && (r0 + g.length > capRows || maxw > availCols)) {
           if (this.onPasteOverflow) {
             try {
               this.onPasteOverflow({
                 anchor: { r: r0, c: c0 }, height: g.length, width: maxw, rows: this.ROWS, cols: this.COLS,
-                overRows: Math.max(0, r0 + g.length - this.ROWS), overCols: Math.max(0, maxw - availCols),
+                overRows: Math.max(0, r0 + g.length - capRows), overCols: Math.max(0, maxw - availCols),
               });
             } catch (_) {}
           }
           return;  // 何も変更しない
         }
+        // オートグロー: 不足分を先に一括生成（buildTable 1回・history 1コマンド）。超過は maxRows でクランプ、残りは pasteOverflow に従う。
+        if (this.pasteAutoGrow && r0 + g.length > this.ROWS) {
+          const target = this.maxRows ? Math.min(this.maxRows, r0 + g.length) : r0 + g.length;
+          const grow = target - this.ROWS;
+          if (grow > 0) this.insertRows(this.ROWS - 1, grow, 'below');
+        }
         let lastC = c0;
         for (let i = 0; i < g.length; i++) for (let j = 0; j < g[i].length; j++) {
           const r = r0 + i, c = visAll[p0 + j]; if (r < this.ROWS && c != null) { this.setCell(r, c, g[i][j], changes); lastC = c; }
@@ -2502,10 +2780,7 @@
         this.pendingCut = null; this.copybox.style.display = 'none'; }
       this.pushCmd(changes, before, after, 'paste');
       this.focusAndSelect(after);
-      if (this.onAfterPaste) {
-        const range = { r0: after.active.r, c0: after.active.c, r1: after.extent.r, c1: after.extent.c };
-        try { this.onAfterPaste(g, { range }); } catch (_) {}
-      }
+      return after;
     }
     clearCopyMarquee() { this.copybox.style.display = 'none'; this.pendingCut = null; }
 
@@ -2587,6 +2862,20 @@
       // input と textarea(multiline) の両方に同じ編集入口リスナを張る（this.editor はアクティブ列で張り替わる）。
       [this._edInput, this._edMulti].forEach((ed) => {
         ed.addEventListener('keydown', (e) => this._onKey(e));
+        // 貼り付けの主経路＝ネイティブ paste イベント（clipboardData.getData）。Ctrl+V のジェスチャー内で
+        // 同期に読める＝許可プロンプト不要＋堅牢（readText の権限/非セキュア/非フォーカスで落ちる問題を回避）。
+        // nav 中の editor は focus 代理なので native 挿入は常に止める（copyPaste=false でも挿入させない）。
+        // 編集中は横取りせず native 貼付（1セルへの通常ペースト）に任せる。paste は beforeinput より先に来るため、
+        // ここで preventDefault すれば beforeinput(insertFromPaste) の誤発火＝エディタ誤オープンも起きない。
+        // 右クリックメニューの「貼り付け」/プログラム呼び出しは paste イベントを伴わないので paste()＝readText 経路を温存。
+        ed.addEventListener('paste', (e) => {
+          if (this.mode !== 'nav') return;
+          e.preventDefault();
+          if (!this.copyPaste) return;
+          const text = (e.clipboardData && e.clipboardData.getData('text')) || '';
+          const g = (text && text.length) ? TssGrid.parseTSV(text) : sharedClip;   // clipboard 空/非テキストは内部コピー buffer へフォールバック
+          if (g && g.length) this.pasteGrid(g);
+        });
         // inline エディタへ入力を通知（打った/変換確定した内容で候補を絞る用）
         ed.addEventListener('input', () => {
           if (this._inlineEd && this._inlineEd.onInput) { try { this._inlineEd.onInput(this.editor.value, this._inlineCtx); } catch (_) {} }
@@ -2627,6 +2916,7 @@
       this.table.addEventListener('mousedown', (e) => {
         if (e.button !== 0) return;   // 右/中クリックは選択ドラッグを開始しない（右は contextmenu で処理）
         const cls = e.target.classList;
+        if (e.target.closest('.tg-rowdel-cell')) { e.preventDefault(); return; }   // 削除列: 選択ドラッグを始めない（実削除は click で）。preventDefault で🗑のテキスト選択も抑止
         if (cls && cls.contains('tg-colgrip')) { this._startColResize(e); return; }  // 列幅リサイズ
         if (cls && cls.contains('tg-rowgrip')) { this._startRowResize(e); return; }  // 行高リサイズ
         if (cls && cls.contains('tg-rowmove') && !this.rowReorderWhole) { this._startRowMove(e); return; }    // ⠿つまみドラッグ移動（'header'モードはセル全体扱い＝_onHeaderMouseDown 経由で選択も伴う）
@@ -2650,6 +2940,13 @@
       // ヘッダ全選択チェックは mousedown で処理済み。click のネイティブ・トグルを止めて二重反転を防ぐ
       this.table.addEventListener('click', (e) => {
         if (e.target.classList && e.target.classList.contains('tg-head-cb')) e.preventDefault();
+        // 右端削除列の🗑クリック。通常は当該行を削除（remove_row と同一経路・1 undo で復活）。
+        // 最後の1行（0行にはできない）は削除でなく「中身クリア（行は残す）」。minRows>1 のロック時は no-op（🗑 も無効表示）。
+        const del = e.target.closest('.tg-rowdel-cell');
+        if (del) {
+          const tr = del.closest('tr[data-r]');
+          if (tr) { const r = +tr.dataset.r; if (this.ROWS > Math.max(1, this.minRows)) this.deleteRows(r, r); else if (this.ROWS === 1) this.clearRow(r); }
+        }
       });
       this.table.addEventListener('dblclick', (e) => {
         // 列境界グリップのダブルクリック＝オートフィット（Excel風）
@@ -2931,7 +3228,8 @@
       if (ctrl && (e.key.toLowerCase() === 'y' || (e.shiftKey && e.key.toLowerCase() === 'z'))) { e.preventDefault(); this.history.redo(); return; }
       if (ctrl && e.key.toLowerCase() === 'c') { e.preventDefault(); this.copy(false); return; }
       if (ctrl && e.key.toLowerCase() === 'x') { e.preventDefault(); this.copy(true); return; }
-      if (ctrl && e.key.toLowerCase() === 'v') { e.preventDefault(); this.paste(); return; }
+      // Ctrl+V は keydown で拾わず native paste イベントへ委譲（editor の paste リスナが処理）。
+      // ここで preventDefault すると paste イベント自体を止めかねないため分岐を置かない。
       if (e.shiftKey && e.key.startsWith('Arrow')) {
         e.preventDefault();
         let { r, c } = this.extent;
@@ -2958,6 +3256,8 @@
     }
   }
 
+  TssGrid.PENDING = Symbol('tg-pending');   // 遅延ロード(push): 未取得行を表す sentinel。data[r] に入れると _rowHTML が「読込中」行を描く
+
   // ---- UMD export ----
   const api = { TssGrid, HistoryManager };
   if (typeof module !== 'undefined' && module.exports) module.exports = api;