前提・実現したいこと
Handsontableを使ってグリッドを表示しているのですが
fixedColumnsLeft:5,
を設定して左側の5列を固定して表示しています。
この固定列をスクロールした際に、固定じゃない列も同時にスクロールしたいです。
(スクロールの同期をとりたいです)
発生している問題・エラーメッセージ
fixedColumnsLeft:5,
を削除して固定列をなくした場合はスクロールが同期をとってうまくいきます。
また、固定していない行にマウスを置いてスクロールする場合も固定列と一緒にスクロールが可能です。
固定した列の上にマウスを置いてスクロールすると、固定した列のみがスクロールされ
固定していない列との同期が取れなくなってしまいます。
どうすればよいでしょうか?
Handsontableをnewするときに何かオプションを付けるのでしょうか?
ソース
handsonTable = new Handsontable(container, { data : data, width : 1300, height : calcDataTableHeight(), renderAllRows : true, cells : function(row, col, prop) { var cellProperties = {}; cellProperties.readOnly = true; return cellProperties; }, tableClassName : 'handsonTable', fixedColumnsLeft: 5, // 左の列を固定 columns : columnsArray, colWidths : colWidths, rowHeights : 25, colHeaders : colHeaders // tureにするとヘッダーがA,B,Cってなる });
というプロパティを設定しています。
例
左から3番目のチェックまでが固定(fixedColumnsLeft: 3)の場合
の固定列でない部分(日付列部分)でスクロールすると
問題なくスクロールされます。
しかし、固定列(チェック列まで)のところでスクロールをすると
固定列のみがスクロールされ、固定されていない列についてはスクロールされないです。
追記
大事なことを書き忘れていました。
これはPCで見た時には発生しません。どこでスクロールしても同期がとれ、問題なくスクロールできます。
タブレット端末で表示したときのみなります。(Googleの開発者ツールでもなります。)
あなたの回答
tips
プレビュー