問題タブ [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 投票する
1 に答える
2717 参照

html - 同じ高さの 2 つのテーブルを作成するにはどうすればよいですか?

2 つのテーブルを同じ高さにしたい。左のテーブルに右のテーブルよりも長いテキストが含まれている場合、左のテーブルと同じ長さにしたいです。

これが今の様子です:

ここに画像の説明を入力

高さを設定できません。これにより、書くことができるテキストの量が制限されるためです...

これが私が望む方法です:

ここに画像の説明を入力

コード:

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

html - IE と Opera の違いを示す表

次のようなコードのテーブルがあります。

問題は、IE でテーブルにフレームがあり、tableborder = 1 であることです。

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

html - 表形式のデータを Web ページに表示して、ユーザーが Excel に直接コピーできるようにする

私の Web ページでは、表形式のデータを表示し、ユーザーが直接 Excel にコピーできるようにしたいと考えています。ただし、これは機能しません。すべてのデータが 1 つのセルに貼り付けられます。

このデータを Excel に直接コピーできるように表示する方法。

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

javascript - テーブル行 SHOW / HIDE *なし* 列幅のサイズ変更、TableLayout あり: auto

販売中のアイテムを表示する、複数の行を持つテーブルがあります。ユーザーが行をクリックすると、Javascript がアイテムの詳細を含む新しい行をそのすぐ下に挿入/表示します。問題は、説明が長い場合、列幅の再調整/サイズ変更が強制されることです。これは列の位置をずらし、特にユーザーにとっては非常に煩わしいものです。現在、table.style.tableLayout: auto があります。列がコンテンツに合わせて調整されるため、実際にはこの方法が好きです。

私の質問は、新しい行を挿入/表示するときに列が再調整/サイズ変更されないように、テーブルの列の幅を動的に「ロック」するにはどうすればよいですか?

私はもう試した:

  1. テーブルを動的に一時的に「tableLayout: fixed」に設定する
  2. 新しい行を挿入/表示する
  3. テーブルを「tableLayout: auto」に戻す

アクション 1 と 2 は FireFox では機能しますが、Safari と IE (6 と 7) では機能しません。ただし、3 つすべてを実行すると、列が大きく移動するのを防ぐことができます。

欲求不満がたまらない...たくさんの睡眠を失う...助けてください!

ありがとう。

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

jquery - jqueryでドラッグ可能なテーブルを作成するにはどうすればよいですか?

列がデータ項目のプロパティを示すテーブルがあります。次に、各項目が適切な列に配置されます。つまり、一部の列が空である可能性があり、すべての列に同じ数の要素が含まれているわけではありません (またはn、各列の最後の要素は、ほとんどの要素)。

とにかく、ユーザーがデータ項目をある列から別の列にドラッグする方法を提供したいと思います。これはjqueryでできると思います。jquery を使用したことはありませんが、Google と jquery.com の両方で検索を行いましたが、探しているものを見つけることができませんでした。

通常の HTML テーブルを使用して、そのセルをドラッグ可能にする必要がありますか? または、私が探していることを行う JQuery (またはプラグイン) に何かがありますか?

編集: Macka の応答は役に立ちますが、私が探しているものとはまったく異なります。テーブル内の単一のセルをある列から別の列に移動できるものはありますか? jQuery UI Draggable プラグインを使用するだけでそれを行うことができますか? もしそうなら、私は現時点では方法を理解できません...

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

jquery - HTML テーブル行リンク

HTML テーブルの行をリンクにする最良の方法は何ですか? 現在、jquery を使用して行をゼブラ ストライプし、onmouseover/off で選択した行を強調表示しているため、JavaScript が答えの場合は jquery を使用してください。

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

css - Webフォームのレイアウト: 表またはその他

このようなWebフォームを作成する必要があります

等..

これを行うための最良の方法は何でしょうか?私はcssで達成する方法を試してきましたが、何度も何度も失敗しました。

私は先に進んでこれにテーブルを使用する必要がありますか、それともcssでこれを行う簡単な方法はありますか?

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

perl - Perlでテーブルにデータを表示するにはどうすればよいですか?

データベースからデータを取得しています。4 行 6 列です。これを HTML テーブルに表示したいのですが、問題があります。6列のTHを作成しました。ただし、4行の表示に問題があります。これは私がこれまでに持っているものです:

@first、@second...などは配列

私が行う場合、データを表示している間:

それはデータを縦に表示していますが、横に表示したいです。

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

javascript - HTMLテーブルをJQueryでリストに変換するには?

テーブルを変換する方法

jQueryで段落のリストに

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

html - ボーダーをテーブル tr に設定し、IE 6 & 7 以外のすべてで機能します

テーブル event_calendar tr の境界線を赤に設定しました。これは IE 6 と 7 以外のすべてで機能します。CSS の何が問題になっていますか?