問題タブ [tableheader]

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 投票する
3 に答える
27671 参照

css - CSS の異なる背景色のテーブル ヘッダー セル ( th )

テーブルデータを適切な形式で表示するために次の CSS スタイルを使用していますが、テーブルヘッダー ( th ) の代替背景を別の色で表示したい...

CSSの下のみを変更して同じことを達成するにはどうすればよいですか。つまり、すべてのTH3、TH5の背景は青色にする必要があります(最初のTH1を除く-デフォルトの背景は赤色になります)一方、TH2、TH4、TH6は黄色の背景にする必要があります。

私はすでに n 番目の子セレクターを試しましたが、どこかで th + th 両方の方法が機能していません。

すべての reespons に感謝しますが、n 番目の子セレクターが機能していません。CSS を変更して同じことを達成する基本的な方法はありますか?

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

html - ヘッダーが固定されたスクロール テーブルの TH の上に DIV が浮いているが、ヘッダーを中央に配置できない

このフィドルの提案を使用して、固定ヘッダーのスクロール テーブルを作成しました。

https://jsfiddle.net/Marco_Bernardini/h8ukwf3w/4/でテストできるように、スクロールはスムーズに機能しますが、見た目の問題があります。列のヘッダーが中央に配置されていません。

TH高さは に設定され、0その境界線は削除されます。デバッグ フェーズ中に表示されるだけの醜い色になっています。

私は多くのソリューションをテストしましたが、そのうちのいくつかはフィドルでコメントアウトされています。

  • すべてのwidth: -moz-available;ヘッダーは正しい位置から始まりますが、それらはすべてテーブルの右側で終わります。opacity: 0.5;この動作がはっきりとわかるように を追加しました
  • width: 100%;親ではDIVなく、テーブル全体の幅を取りますTH
  • width: inherit;何も起こりません(DIV内側は幅THを継承しません)TH
  • トリックはmargin-left: auto; margin-right: auto;結果をもたらさない

DIVの内側にネストされた 2 つを使用してもTH解決策ではありません。少なくとも外側の 1 つが を埋める必要があるためTHです。

テーブルはデータベースからデータを受け取り、どの列を表示するかはユーザー次第であるため、列の数はアプリオリに決定されません。これにより、固定幅を使用することもできなくなります。

どうすればそれを幅DIVの中央に配置できますか?TH

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

php - php pdoはhtmlにヘッダーを入力します

PHP PDO の使用: mysql データベースに対して select ステートメントを使用して取得した情報を使用して、html テーブル (thead および tbody) を作成し、入力したいと考えています。

すべてが動的に行われ、基本的な資格情報とテーブル名のみが提供されます

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

html - テーブルのヘッダーのテキストを太字にしないにはどうすればよいですか?

テーブルにrowspanを使用する必要があるため、テーブルヘッダーを使用する必要があると(信じています)。ただし、テーブル ヘッダーを使用するとフォントが太字になり、望ましくありません。この HTML の場合、テーブル ヘッダーのフォントが太字でないことを確認するにはどうすればよいですか? または、可能であれば、テーブルヘッダーを使用せずにrowspanを使用するにはどうすればよいですか?

0 投票する
0 に答える
970 参照

javafx - javafx tableview (更新する)、「robo」-クリック テーブル ヘッダーの発火イベント - 方法

データベースのレコードのデータを表示するテーブルビューがあります。

また、同じフィールドを表示するテーブル(追加のペイン) にないフィールドもあります (便宜上、簡単に並べ替えるためにテーブルに、便利に変更するために外側に)

そのような; テーブルにないフィールドを変更すると、それに応じてテーブルビューを変更する必要があります: change -> db update -> new data into the table- 機能しません。ビューは「更新」されません (Microsoft 製品など)。

ハッキーな解決策が機能します:毎回テーブルを再作成して再度設定します(すべて:列、リスナーを構築し、選択したアイテムを設定し、既存の代わりにこの「新しい」テーブルを設定します)。(SOで提案された別の解決策、visible(false)/(true)を設定-機能しませんでした)。

そう言われれば、別の「解決策」を見つけました。変更された値をtable.fieldに直接設定しました。しかし、その後; 変更されたデータは変更済みとして表示されません。- 人間としてヘッダーにアクセスした場合のみ (ヘッダーをダブルクリックして並べ替えをトリガーします。最終的にビューが更新されます)

毎回テーブルを完全に再作成したくありません。だからこそ、私は「解決策」を使いたいのです。-しかし、人間としてヘッダーをダブルクリックする必要はありません。

そのような; SOの別の投稿で提案されているように、Fire-Eventを試しました。

.. それは動作しません; しかし、どの「ノード」を「ロボクリック」しなければならなかったのかわかりません..

それはハッキーです。しかし、誰かが解決策を指摘できれば、私は感謝しています。.. :) plsは監視可能なリストなどを設定する解決策ではありません。私はそうしましたが、役に立ちませんでした。この「ハック」を実行したいだけです。毎回テーブルを再作成しないでください。

  • コードによってトリガーされたときにビューの更新を提供する、おそらくプライベート API の javafx (Java 8) のテーブルのようなものがあった場合。教えてください:)

ありがとうございました!

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

javascript - Jquery - ボタンクリックイベントから、特定の値を持つフィールドを持つ行からテーブルヘッダー値を取得します

フィールドの 1 つとして選択リスト (ドロップダウン) を持つ水平テーブルを使用しています。[送信] をクリックすると、その列のテーブル ヘッダー値とドロップダウンの値を取得する必要があります。

私のテーブルclass = "views-table"は基本的に次のようになります。

私のドロップダウンclass="request-select"要素は次の値を保持しています:

したがって、ユーザーが最初の値を選択すると、テーブルは次のようになります。

そして、ユーザーが送信をクリックした後に期待するデータは次のとおりですheader2FIRST

change次のコマンドを使用して、ドロップダウンからイベントからテーブル ヘッダーの値を取得できます。

しかし、送信ボタンからこのデータにドリルダウンしてアクセスする方法がわかりません。非表示の要素を使用したり、localstorage を使用したりしたくありません。これにどのようにアプローチすべきかについてのアイデアはありますか? 私はjQueryに非常に不慣れです。さらに詳しい情報が必要な場合はお知らせください。必要に応じて詳細をお知らせします。

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

java - JTableHeader の再利用

以下のコードは、2 つの JTable を表示します。

両方ともまったく同じヘッダーを持つため、効率のために、最初のテーブルのヘッダーを再利用します。

ただし、コードを実行すると、ヘッダーが 2 番目のテーブルに表示されますが、元のテーブルには表示されません。

私は回避策にはあまり興味がありませんが、学習と理解のために、ヘッダーが最初の表に表示されない理由を見つけることにもっと興味があります。

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

アドバイスをいただければ幸いです

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

jsf - p:dataTable は、フィルター処理とページング バックの後にヘッダーをレンダリングしません。

ページ間を移動するときに、フィルター処理されたデータを保持する必要があります。データ テーブルのフィルター セルにデータを入力すると、フィルター処理された正しい行が表示されます。フィルター セルに最後に入力されたデータが表示するデータ行と一致しない場合、別のページに移動して戻ったときに、列ヘッダーとフィルター セルがレンダリングされません。ページネーターのみが表示されます。フィルター セルに最後に入力されたデータが一部のデータ行と一致する場合は正常に機能します。ページにデータテーブルを残さない場合でも、正しく機能します。

jsf コード:

ジャバコード:

何かご意見は?コードは私には問題ないように見え、動作するはずです。私はprimefaces 3.5を使用しています。

ありがとう