JQueryのライブラリTABLEのヘッダ固定表示 fixedTblHdrLftColの使い方を教えて下さい
本件、2テーブルの横幅と各列幅を双方で一致させたい(ヘッダ用テーブルとデータ次第で列幅可変のテーブル)の案件を達成するための課題から派生した問い合わせです。
TABLEのヘッダと左の列を固定表示(スライドバーを操作しても)する動作を達成したいです。fixedTblHdrLftColというプラグインを用いて対応しようとしており
プラグインをご提供頂いた方のサイトと、当プラグインをキーワードにStackoverflowを検索した結果、なんとか現況以下コーディングを果たし、
左から3列目までを固定表示することまでできました!!!
$(".exstrsv").fixedTblHdrLftCol({
scroll: { width: w, height: h, leftCol: { fixedSpan: 3} }
});
しかし、ブラウザがIEであるためか、ヘッダが表示されてきません。
FireFoxのブラウザでは、一応にヘッダ表示されるも、左1列目のチェックボックスが操作しても、以前動作していた挙動が達成されなくなってしまいました。
上記コーディングで、相応のオプションを設定するか、HTMLのTHEAD要素にCLASSを追加するか何かでなんとかIEで、ヘッダを表示することはできないでしょうか?もう少しな雰囲気でして
試してみたら、という手立てのご提案でも構いません。諦めが悪くてすみません。
PS:
FixedMidashiというプラグインの採用もあるようですが、現況テーブルのデザインをわざわざTHEADとTBODYに区分けしているもので、このプラグインにもその方針が適用できるのか疑問に沸いており、方向転換を思いとどまっています