Tabulator5.6 RangeSelect を使ってExcelのようなことをする

T

 

 

abbulatorのドキュメントを見てたところ、Ver5.6にアップデートされてるのがわかり、有償のテーブルでしか出来なかったExcelのようなレンジセレクトができることがわかり、早速使ってみました。

ドキュメントはこちらにあります。

< コード例 >

イベントも沢山あっていろいろカスタマイズできるようですが、とりあえずは以下のようなプロパティを追加すれば動きました。


    // ++ Tabulator ++ //
    const table = new Tabulator("#table_" + this.tp, {
    	
      selectableRange: true,
      selectableRangeColumns: true,
      selectableRangeRows: true,
     clipboardCopyRowRange:"range", //change default selector to selected

< 画面例 >

Shift, Ctrl も使えます。
Ctrl + C でクリップボードに選んだセルがコピー出来ました。

矩形選択

 

 

 

 

 

 

 

Ctrl + Cの後のクリップボードを貼り付けてみる

 

 

 

 

左端の行から選ぶと行選択になります

こんなことも出来ました。

コメントを残す