TssGrid 例: ヘッダ結合（ネストヘッダ） nestedHeaders

複数段の見出しを作り、上段で複数列を結合（colspan）できます。最下段がリーフ＝実列で、並べ替え・全選択チェック・列リサイズ等はそのまま機能します。
上段のグループ見出しをクリックすると、その範囲の列をまとめて選択します。スクロールしてもヘッダ全段が固定されます。

デモ（グループ見出しクリックで範囲選択 / 「姓」などのヘッダクリックで並べ替え）

差し込み

new TssGrid(host, {
  nestedHeaders: [
    ['', { label:'氏名', colspan:2 }, { label:'住所', colspan:2 }, ''],   // 上段（結合）
    ['ID', '姓', '名', '都道府県', '市区町村', '備考'],                     // 下段＝実列（リーフ）
  ],
  data: rows,
});