TssGrid 例: 行のドラッグ移動と行ヘッダーの見た目 rowReorder
行ヘッダー(左端の行番号の列)を使って行をドラッグで並べ替えられます。ドロップ位置に緑のガイド線が出ます。
掴み方は2通り: rowReorder: true=⠿ アイコンだけが掴み手/rowReorder: 'header'=行ヘッダーセル全体が掴み手(クリック=行選択/ドラッグ=移動)。
見た目は rowReorderMark(⠿ の前/後/なし)と rowHeaderLabel(番号の表示)で調整できます。
データ実体ごと移動するので値・整列・読み取り専用・隠しフィールドも追従、行番号は自動で振り直し。複数行は範囲選択してから掴むとまとめて移動します。
掴み方
マーク
番号
差し込み(現在の設定)