FixedMidashi 注意事項・その他

目次

• 注意事項・その他
• ブラウザと性能
• 免責事項
• 更新履歴

注意事項・その他

1. スクロールが不要な場合は固定見出しは作成しません。
2. 固定見出しは、スクロールしていない時は表示せず、スクロールしている時のみ表示します。
3. body モードの場合、スタイルシートの "position: fixed" を利用して見出しを固定していますが、 IE9 以前は、表示モードが「互換モード」の場合に fixed をサポートしていないため、 この場合のみ異なる方式で実装しています。 このため、IE9 以前の場合、body モードを使用した互換モードのページは、 スクロール中の固定見出しの見え方が他のブラウザと少し異なります。 IE の「互換表示」機能を使用した場合も同様です。 動作確認用ページは 互換モードなので違いを確認できます。
4. モバイル端末の場合、スクロール操作に対して少し遅れて(後を追いかけるように) 固定見出しがスクロールします。これは、ブラウザからの onscroll イベントの 通知タイミングが遅いためであり、故意に遅らせているわけではありません。
5. 印刷時は、作成した固定見出しが出力されないようにしています。
6. 固定見出しの列の幅や行の高さが、微妙に(1～2ピクセル)ずれる場合があります。 ブラウザ、スタイル、表示内容、拡大・縮小状態にもよります。
7. div モードの場合、div 直下には対象 table 以外の要素は配置しないでください。 配置すると固定見出しの位置がずれます。
8. 固定見出し内に <input>, <select> 等の入力用要素がある場合は、 コピー要素の値を元要素と同じにするための制御が必要な場合があります。 詳細は関数説明を参照してください。
9. 元要素をコピーする際、name 属性はコピーしません(コピー要素に name は設定しません)。 したがって、固定見出し内にコピーした <input>, <select> 等の入力用要素が ある場合に、その値が submit 対象になってしまうことはありません。 コピー要素が document.getElementsByName() の取得対象になることもありません。
   ただし、ラジオボタンだけは、name がないと機能しないため name を付けます。 その値は、元要素の name 値の前に "_FIXED_HEADER_" で始まる接頭語を付けた値になります。 例えば、元要素の name が "radio1" の場合、コピー要素の name は "_FIXED_HEADER_N_radio1" のようになります("_N_" の部分は、別の文字の場合もあります)。
   なお、id 属性については copyid の項を参照してください。
10. 元 table 内に <img> がある場合は、<img> の width, height を省略しないことを推奨します。 省略した場合、固定見出し作成後に元 table のセルの幅や高さが変わり、固定見出しがずれる可能性があります。

ブラウザと性能

次の表は、データの行数別・ブラウザ別の FixedMidashi.create() の処理時間 (各ブラウザと本プログラムとの相性)です。 動作確認用ページでの処理時間を、 2012年製造のPC(CPU: Intel Core 2.60GHz)で測定した結果です。 処理時間はPCの性能によって大きく変わるため、大まかな目安としてください。 2014年5月時点の最新バージョンのブラウザで確認しています。

• テーブルに表示するデータ量が多いほど処理時間が長くなります。
• 行も列も固定した場合の処理時間は、行のみを固定した場合に比べ、概ね 2～3 割増しになります。
• div モードで自動リサイズ機能を使用した場合(div のサイズ未指定の場合)の処理時間は、 div のサイズが固定な場合や body モードに比べ、概ね 2～3 割増しになります。
• 上の測定データは、body モードで行列とも固定したときの値です(固定行数と固定列数はともに1)。

免責事項

• 本プログラムはフリーソフトウェアです。
• 本プログラムの修正版を配布する行為は禁止します。
  本プログラムの修正版を組み込んだソフトウェアを配布することは問題ありません。
• 本プログラムの使用による、いかなる損害に対しても、作者は責任を負いません。

更新履歴