問題タブ [html-table]

HTMLで図を描きたいです。ポジショニング構造は次のようになります。

前景にはテキストが動的に取り込まれる Table 要素が含まれているため、セルに入力されるテキストの量に応じて行の高さが変わる場合があります。前景の Table 要素の最終的な高さを予測するにはどうすればよいですか? 背景の正しい高さを設定するには、この情報が必要です。Javascript からテーブルを事前にレンダリングし、その高さを読み取る方法はありますか? それとも何か別のトリック？

PS。ブラウザのサイズが変更されると、hostDiv のサイズが変わる場合があります。

jQueryでテーブルの行を削除する最良の方法は何ですか?

jQueryで追加の行を最後の行としてテーブルに追加する最良の方法は何ですか?

これは受け入れられますか？

このようなテーブルに追加できるもの (入力、選択、行数など) に制限はありますか?

以下は、テーブルレイアウトを使用した単純なhtmlのコードです。FFでは、私が思うように見えますが、IE7ではそうではありません。私は何が間違っているのですか？

そして、どうすればそれを修正できますか？

私のコードでは、CSV のすべてのデータを表形式で表示したいのですが、最後の行しか表示されません。1行目と2行目はどうですか？データは次のとおりです。

コードは次のとおりです。

私は、レイアウト目的でのテーブルの使用から div の使用への移行に取り組んでいます (はい、はい、大きな議論です)。ヘッダー、コンテンツ、フッターの 3 つの div があります。ヘッダーとフッターはそれぞれ 50px です。フッター div をページの下部に配置し、コンテンツ div でその間のスペースを埋めるにはどうすればよいですか? 画面の解像度が変わる可能性があるため、コンテンツ div の高さをハードコーディングしたくありません。

私は非常に長い 3 列のテーブルを持っています。私はしたいと思います

これは、jQuery を使用して取得しようとしている結果です。

テーブルを最小化するために jQuery の表示/非表示機能を使用したいと思いますが、それでも上部と下部の行の一部を表示します。中央の行は「テーブル全体を表示」のようなテキストに置き換える必要があります。クリックすると、テーブル全体が最初から最後まで表示されるように展開されます。

jQueryでこれを行う最良の方法は何ですか?

ところで、すでにクラス「Table_Middle」をいくつかの行に追加しようとしましたが、完全に非表示にすることはできません。占有されているスペースがまだそこにあり、ユーザーにテーブルを展開する方法を提供するテキストがありません完全に。

[編集] Parand の投稿された回答に触発された動作例の HTML を追加

以下の例は完全に機能する例です。jquery をダウンロードする必要さえありません。空白の HTML ファイルに貼り付けるだけです。

Javascriptがオフになっている場合、完全なテーブルのみを表示するのはうまく機能しません。Javascript がオンの場合、中央の表の行が非表示になり、表示/非表示のリンクが追加されます。

[編集] 私のブログ投稿と実際の例をリンクします。

クラス名を使用して、リンクが選択された後にリンクの色を変更しようとしています。そのため、新しい色のままですが、別のリンクが選択されるまでは元に戻ります。

この質問でMartin Koolによって投稿されたこのコードを使用しています：

テーブル内のリンクを外そうとするまではうまくいきます。どうしてこれなの？初心者なので安心してください。

エラーはありません。リンクは「選択済み」クラスに変更されていますが、別のリンクが選択されると、古いリンクは「未選択」に変更されるのではなく、「選択済み」クラスを保持しています。基本的に、私が知る限り、vlink 属性のように機能していますが、これは私が目指しているものではありません。

はい、リンクはすべて別のセルにあります。正しく機能するようにコードを変更する方法を教えてください。

わかりました、実際、私は話すのが早すぎました。

あなたが私にくれたこのコードは視覚的にうまく機能し、私がやりたいことを正確に実行します。ただし、リンクが機能しなくなります...色は変わりますが、何にもリンクしません。スクリプトを削除すると、正常に機能します。私は何を間違っていますか/これを機能させるには何を変更する必要がありますか?

<div>また、リンクがすべてタグで区切られた 1 つのタグ内にある、私の Web サイトの別の場所で同じことをしたいと考えてい<p>ます。どうすればこれを機能させることができますか？

ユーザーと訪問したページのデータを示す HTML テーブルを作成する必要があります。for および/または foreach ループを使用するのは不格好に思えますが、これ以上良いものは思いつきません。私はPHPを使用していますが、これは言語に依存しないと思います。

Gecko のバグを明らかにしているように見える非常に特殊な html テーブル構造があります。

これが問題の蒸留バージョンです。gecko ベースのブラウザ (FF など) で次の表を確認してください: (これをコピーして新しいファイルに貼り付ける必要があります)。

右下のセルの「3」の上に行がありません。他のブラウザで表示すると、行は期待どおりに表示されます。興味深いことに、テーブルの先頭セクションを捨てて、得られる結果を見てください。

そうすることでうまくいきます。誰もこれを見たことがありますか？テーブルへのアクセスがかなり難しくなりますが、回避策として、とりあえず thead セクションを削除することにします。