問題タブ [html-table]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
4 に答える
3690 参照

html - 内部 Div の拡大に合わせて HTML 列を広くする

次の点を考慮してください。

何らかの理由で、div を含む列は、スタイルが示すように 500px に拡張されません。

スタイルで指定している幅を尊重するように td を取得する方法を知っていますか?

0 投票する
4 に答える
14078 参照

javascript - JavaScriptでHTMLのすべてのテーブルを削除するには?

Web ページ内のすべてのテーブルを削除するにはどうすればよいですか? テーブルには ID が関連付けられていません。

0 投票する
1 に答える
8313 参照

html - displaytag テーブルの列の合計

displaytag JSP タグ ライブラリを使用して、列の合計を表示するテーブルを生成しています。たとえば、以下の JSP コードでは、属性total="true"を持つ列のみが合計を生成します。

問題は、displaytag がこれらの合計を <tr>テーブル本体の最終に配置することですが、代わりにテーブル フッター内に配置する必要があります <tfoot>。これは、生成された HTML を JavaScript で後処理しなくても可能ですか?

0 投票する
1 に答える
15684 参照

javascript - 選択したテーブル セルのスタイル属性を jQuery で変更しますか?

直接DOM操作を使用して、かなり基本的なHTMLテーブルクリエーター/エディター(designMode iframeに基づく)を職場で構築しています。明らかに Internet Explorer のせいです。

designMode の場合、編集エリア iframe に挿入されたテーブルはサイズ変更可能で、セルの内容は自由に編集できます。Firefox では、行と列も追加および削除できます。私は現在、境界線の幅、前景色と背景色、および DOM 作業を必要とするその他のものの編集に集中しています。

問題は、IE6/7 に適切な DOM 選択/範囲機能がないことです。同時に選択された複数のセルを含むノードが見つかりません。単一のセルの場合、parentElement で実行できますが、複数の選択されたセルの場合、parentElement は TD セルを格納する TR ノードです。AnchorNode、focusNode、および W3C DOM が提供するさまざまなオフセットがないため、選択された TR 内の TD セルのみへのノード参照を抽出する方法がわかりません。

個々のセルのテーブルの作成とスタイルの変更、および選択したセルのグループを W3C 準拠のブラウザー用に実装しましたが、IE の実装に完全に行き詰まっています。jQuery は私を助けてくれますか? 私はそれを使ったことはありませんが、IE DOM だけでこれを行う方法を理解するよりも習得するのに時間がかからないほど十分に直感的です。

動作する必要がある 3 つの基本的なスタイル変更シナリオがあります。

  1. Ctrl/Cmd を押しながらクリックして明示的に選択されていないが、その中にテキスト カーソルがあるテーブル セルは、背景色を変更する必要があります。セルには、書式設定されたテキストまたはその他の親ノード/子ノード関係複雑子が含まれる場合があります。
  2. 明示的に選択されたいくつかのテーブル セル (Ctrl/Cmd クリック、Shift 選択、またはマウスで単に「塗りつぶされた」) の背景色を変更する必要があります。これは、連続した長方形の選択と、散らばって選択された個々のセルに対して機能する必要があります。
  3. 「選択したテーブル」のテーブル レベルの変更 (境界線の幅、色など) が可能である必要があります。つまり、編集領域に複数の表がある場合、カーソルがフォーカスされている (シナリオ 1) か、セルが選択されている (シナリオ 2) 1 つ以上の表に対して変更が行われます。

Firefox では、3 つのシナリオすべてのコードが既に動作しています。今、クロスブラウザー ソリューションが必要です。誰でも私を助けることができますか?

(選択と範囲に関する IE の問題は以前にここで説明されていますが、jQuery のコンテキストではありません。一目でこれらを見つけました: 164147218043235411 )

0 投票する
6 に答える
55144 参照

jquery - jQuery のドラッグ可能なテーブル要素

jQuery のdraggable機能はテーブル (FF3 または Safari) では機能しないようです。これがどのように機能するかを想像するのはちょっと難しいので、そうでないことは驚くことではありません.

a) これが機能しない特定の理由があるかどうか (w3c/HTML 仕様の観点から) と、b) ドラッグ可能なテーブル行を取得する正しい方法は何かを考えていました。

境界線の折りたたみと行の高さのアルゴリズムがあるため、実際のテーブルが好きです。これらのことを実行できる代替手段はすべてうまく機能します。

0 投票する
14 に答える
2377 参照

html - なぜウェブサイトのレイアウトにテーブルを使用するのがそんなに悪いのですか

私は、2 年以上ぶりに asp.net を使用している Winforms およびビジネス エンジンの開発者であり、その間にいくつかの規則の変更に気付きました。

反「レイアウト用テーブル」運動の背後にある論理は何ですか?

レイアウトを処理するために css クラスを使用できるようにするためですか? もしそうなら、これは静的なままであると確信しているページで本当に問題になるのでしょうか?

0 投票する
3 に答える
2064 参照

java - displaytag: HTML テーブルのゼロを抑制

displaytag タグ ライブラリによって JSP で生成された HTML テーブルがあります。表に表示されるゼロを抑制したいと考えています。つまり、空白のセルに置き換える必要があります。これを達成する簡単な方法はありますか?

0 投票する
2 に答える
3424 参照

asp.net - テーブル設計 ネストされたデータリストへ

以下のコードを使用して画像 1 のような結果を表示しますが、画像 2 のような結果が表示されます。それを解決するために何をすべきですか?

aspx コード:

スタイル:

vb コード:

写真 1: http://img146.imageshack.us/my.php?image=89632085xz4.jpg

写真2: http://img227.imageshack.us/my.php?image=15383944jq6.jpg

0 投票する
5 に答える
967 参照

css - フォーム表示用のテーブルタグが悪い…でも、rtタイプのようなアンケートの質問はどうですか?

html でフォームを表示するときにテーブル タグを使用するのは悪い設計ですか?

要するに、この質問に対する受け入れられた答え: はい...

...しかし、次のようなものはどうでしょうか:

私は本当に別のより良い解決策を考えることはできません。この例は SurveyMonkey のもので、表も使用しています。

このようなリッカート型の質問にテーブル タグを使用するのは、やはり悪い設計ですか?

0 投票する
7 に答える
926 参照

html - TABLE を使用せずに列の高さを揃える

テーブルセル、固定高さ、またはJavascriptを使用せずに、高さが互いに一致する2つの列を持つ方法はありますか?

テーブルの使用

DIV の使用

目標は、どちらの側が高いかに関係なく、両方の背景を完全な高さに拡張することです。

両側が正しい高さであることを保証しないため、一方を他方にネストしても機能しません。

残念ながら、プレビューでは動作する HTML が示されていましたが、実際の投稿ではそれが取り除かれていました。これを HTML ファイルに貼り付ければ、私の言いたいことがわかるはずです。