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

javascript - jQuery - テーブルの行をインラインで編集する

任意の列と行を持つテーブルがあります。この事実は関係ありませんが、実際には、行 (または複数の行) をテーブル内のデータ (またはセルにデータがない場合は空) を含む一連のテキスト入力に変換する関数を開発するだけです。

これを明示的に行っている人々の例を見つけることができないので、ここの人々が解決策を見つけるための最良の方法は何だと考えているのだろうかと思いました。

0 投票する
21 に答える
211615 参照

jquery - テーブル行でslideDown (またはshow)関数を使用するには?

テーブルに行を追加して、その行をスライドさせて表示しようとしていますが、スライドダウン機能がテーブル行に display:block スタイルを追加しているようで、レイアウトが台無しになります。

これを回避する方法はありますか?

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

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

css - imgを含むCSS列ヘッダー - img/divを右にドッキングする方法は?

グリッド ビューの列ヘッダーとして使用する HTML テーブルがあります。列ヘッダーをクリックすると、グリッド ビューを並べ替える JavaScript がトリガーされ、列が並べ替えられたことを示すアイコンが、以下のように列テキストの横に表示されます。

テーブルには table-layout: fixed があり、テキストのスパンには overflow: hidden、text-overflow: ellipsis、white-space: nowrap があります。

テキストが非常に長い場合、必要な省略記号効果が得られますが、並べ替えアイコン スプライト (幅と背景が設定された div) がテーブル セルの右側から切り取られます。並べ替えアイコンが、CSS を介して省略テキストよりもスペースを優先するようにする方法はありますか? 列が「並べ替えられている」場合は、並べ替えの img が常にそこにあり、テキストがセルの表示スペースから img を押し出すのではなく、テキストが楕円形になるようにします。

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

html - XSL によって行の色が交互に変わる HTML テーブル

HTML テーブルの行の色を交互にする最も簡単な方法は何ですか (別名ストライピング)。私のテーブルのほとんどは、次のような XSL テンプレートで作成され、別のテンプレートで定義されたテーブル、テアドなどを使用します。

私の好みは、要素に交互のクラスを使用することです。

0 投票する
10 に答える
638 参照

html - CSS でまだできないことは何ですか?

少し前に、テーブル レイアウトを使用せずにこれを行う方法を見つけようとしていました。

結局、私はあきらめて、テーブルなしではできないと判断しました (CSS 3 ならできるかもしれませんが、さらに 5 年から 10 年待つのは現実的ではありません)。

誰かがこのような例をもっと持っていますか? (または、もっといいのは、私が間違っていたことを教えてもらえますか?)

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

html - 表示されたコンテンツを視覚的に切り詰める幅を設定するにはどうすればよいですか?

テーブルの列幅を設定しようとしていますが、これは、子要素が視覚的に切り捨てられるポイントに到達するまで正常に機能します...その後、サイズが小さくなりません。(「視覚的に切り詰められた」-収まらないものは次の列の後ろに隠されているように見えます)

私の問題を示すサンプルコードを次に示します。

など、さまざまな方法で幅を設定しようとしました

おそらくDIVを使用できると思いますが、バインドされたコントロールからテーブルが生成されているため、使用したくないので、asp.netコントロールを書き直したくありません。

そうは言っても、最後の溝の努力として、少なくとも 'td1's の各コンテンツを DIV でラップすることができ、オーバーフローが処理を行うことができると考えましたが、

うまくいきませんでした。

内容を視覚的に切り詰めるために幅を設定する方法を知っている人はいますか?

ところで、私のターゲット ブラウザは IE7 です。これは内部アプリであるため、他のブラウザーは現在重要ではありません。

0 投票する
11 に答える
59870 参照

html - スクロール可能なdiv内の凍結されたテーブルヘッダー

私は3つのdivを持っています。ヘッダー、中央、フッター。中央のdiv(グリッドビュー)には、ほとんどの場合、外側のdivよりも長いテーブルがあります。そこで、このdivを垂直方向にスクロール可能にしました。問題は、divを下にスクロールした後に表示されるテーブルヘッダーを作成するにはどうすればよいですか?このヘッダーを個別のdivまたはテーブルで作成して固定することもできますが、テーブルの列の幅は常に同じではないため、ヘッダーの列の幅を維持する方法がわかりません。どんな手掛かり?

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

javascript - HTML テーブルで Excel の「セルの固定」をエミュレートする

重複の可能性:
javascript と CSS を使用して、スクロール時にテーブルの最初の行と最初の列をロックするにはどうすればよいですか?

多数の行と列を含む HTML テーブルがあります。一番上の行にはヘッダーが含まれ、その下のすべての行の最初のセルにはヘッダーが含まれます。

一番上の行と左の列を常に表示したまま、ユーザーがテーブルをスクロールできるようにする必要があります (Excel の「セルを固定する」オプションを使用して実現できるものと同様です。

これは内部アプリケーション用であるため、ソリューションは IE7+ でのみ機能する必要があります。

理想的には、ソリューションが他のブラウザーで適切に低下する必要がありますが、それは必須ではありません。

私の予感は、これに対する JavaScript ソリューションがあるということです...

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

javascript - HTML テーブル セルへの日付の挿入

Web ページのテーブル セルの垂直配置内に一連の日付 (主に月、日、年) を表示したいと考えています。最初の日付は、現在の日付から 1 日を引いた日付である必要があり、一連の次の日付は現在の日付である必要があります。

誰かがこれを行う方法を理解するのを手伝ってくれますか? 単一の日付を操作して表示する (加算または減算する) Javascript を見て理解しましたが、セルでその日付を取得できず、上記の他の複数の日付を HTML テーブルに表示する方法もわかりません。

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

php - PHP で html ファイルを開き、2 行上に移動して、そこに書き込み、閉じるにはどうすればよいですか?

いくつかの IP アドレスをログに記録するために、小さな php ファイルを作成しています。ips と日付/時刻を html ファイルに書き込みます。htmlファイルはテーブルになります。だから私はそれを次のようにしたい:

したがって、ファイルを開き、上記の行に IP と日付/時刻を書き込むために必要です。必要なものを</table> 書き込むための php が既にありますが、下に書き込みます。

初心者でどこに何を入れたらいいのかわからない…

これは私が持っているものです: