slickgrid を使用して、ビジネス フォームから構築された何百もの既存の Web ページに、ぎこちなく柔軟性のないデータ テーブルをオーバーレイしたいと考えています。表示専用のテーブルもあれば、ユーザー入力/更新用のテーブルもあります。したがって、不動産 (および列/行数) は具体的に設定されます。親ページのスタイルとの競合を避けるために、グリッドは iframe に配置されます。このアプローチでは、キャプション バー、照会専用テーブルのオプションのフィルター バー、列ヘッダー バー、およびフッター ページャー バー (必要な場合のみ) を考慮する必要があります。楕円の高さを正しくするのが最も難しいです。利用可能なツールは次のようです。
- iframe のジオメトリ
- iframe 内のグリッド コンテナ div のジオメトリ
- options.rowHeight
- options.headerRowHeight (問い合わせの場合)
- 行の高さの CSS スタイル
- フォントサイズの CSS スタイル。
表示される行数、キャンバス サイズ、ビューポート サイズを計算するために、不思議な計算が行われているようです。これらの項目の一部をスクリプトで直接設定すると、グリッドが壊れます。
簡単な例として、使用可能な高さが H ピクセルで、R 行のデータが含まれている必要があるとします。上記の項目に値を与える公式またはガイドラインはありますか? それとも、うまくフィットさせるために試行錯誤に苦労しなければなりませんか?