javascript - テーブル グリッドのような真の destop を作成する (テーブル グリッドの高さを埋めるのに十分な空の行を表示する方法)

Question

私は自分の Web アプリの美的側面を非常に気にかけているので、この種のばかげた質問をしているのです。大したことではないと思われる場合は、あらかじめご容赦ください。

私はウェブアプリのようなデスクトップを構築しており、jqGrid素晴らしいプラグインを使用して表形式のデータを表示しています。iTunes などのデスクトップ アプリケーションでは、テーブルのディメンションを埋めるのに十分な空の行がテーブルに含まれています。つまり、テーブル グリッドの高さを 500px に設定し、1 行しかない場合、テーブル (シマウマ) はページの最後まで続きます。これは私が持っていたいものですが、javascript や css を使用して現在達成することはできません。

私の最初のアイデアは、空の行を偽造するテーブルの背景画像を作成することでしたが、この方法には2つの問題があります。まず、ユーザーがズームしてテキストを大きくすると機能しません。次に、実現可能な列間にいくつかの境界線を表示しているため、背景画像でそれらを複製することはできません。

このようなテーブルグリッドを作ろうとした人はいますか? それを行う方法はありますか？

Answer 1

私がすることは、特定の高さのテーブルコンテナを作成することです。縦に並べた背景を付けます。/overflowに設定; 次に、動的サイズのテーブルをその中に配置します。scrollauto

編集：申し訳ありませんが、私はあなたの質問を十分に注意深く読んでいませんでした。他の要件を考えると、私は単にJavaScriptを使用します。私はjqgridに精通していませんが、テーブルに最小行数を設定するのは難しいことではありません。

もう1つのオプションは、2つのテーブルを使用することです。上のテーブルは実際のデータ用で、下のテーブルは空の行用です。一番上のテーブルに行が追加されるたびに、一番下のテーブルから1つが削除され、その逆も同様です。また、上部のテーブルの列のサイズ変更イベントをキャプチャし、下部のテーブルの列のサイズも変更する必要があります。しかし、これはかなり不器用です。