タグ付けされた質問 「html-table」

HTMLに関連するため、テーブルはデータを表形式で表示するために使用されます。HTMLテーブルに関する質問は、問題のあるソースコードを示すことによって行う必要があります。または、質問が欲望に従ってテーブルを作成する試みの失敗に関するものである場合、質問者は失敗した試みを示し、期待を説明し、どのように行動が異なっていた。

4
jsonデータをhtmlテーブルに変換する[終了]
閉まっている。この質問はスタックオーバーフローのガイドラインを満たしていません。現在、回答を受け付けていません。 この質問を改善してみませんか？Stack Overflowのトピックとなるように質問を更新します。 6年前休業。 この質問を改善する jsonデータを指定して動的テーブルを生成するjQueryまたはJavaScriptライブラリはありますか？列を定義したくないので、ライブラリはjsonハッシュのキーを読み取って列を生成する必要があります。 もちろん、私はjsonデータを繰り返し処理して、htmlテーブルを生成できます。私が再利用できるライブラリが存在するかどうかを知りたいだけです。
5
TD内で相対位置/絶対位置を使用しますか？
私は次のコードを持っています： <td style="position: relative; min-height: 60px; vertical-align: top;"> Contents of table cell, variable height, could be more than 60px; <div style="position: absolute; bottom: 0px;"> Notice </div> </td> これはまったく機能しません。何らかの理由で、position：relativeコマンドがTDで読み取られず、通知DIVが私のページの下部にあるコンテンツコンテナーの外側に配置されています。私はTDのすべてのコンテンツを次のようなDIVに入れようとしました： <td> <div style="position: relative; min-height: 60px; vertical-align: top;"> Contents of table cell, variable height, could be more than 60px; <div style="position: absolute; …
7
最後の列を除いてテーブルセルの幅を最小にするにはどうすればよいですか？
100％幅のテーブルがあります。私<td>がそれにs を入れると、それらは同じ長さの列で広がります。ただし、最後を除くすべての列の幅をできるだけ小さくし、テキストを折り返さないようにします。 最初に行ったのは、最後を除くwidth="1px"すべて<td>のに設定することでした（非推奨ですが、style="width:1px"効果はありませんでした）。これは、列にマルチワードデータが含まれるまでは問題なく機能しました。その場合、長さをできるだけ短くするために、テキストを折り返しました。 実演させてください。このテーブルを想像してください： --------------------------------------------------------------------------------- element1 | data | junk here | last column --------------------------------------------------------------------------------- elem | more data | other stuff | again, last column --------------------------------------------------------------------------------- more | of | these | rows --------------------------------------------------------------------------------- 何を試しても、次のいずれかになります。 --------------------------------------------------------------------------------- element1 | data | junk here | last column --------------------------------------------------------------------------------- elem | more …
107 html  css  html-table 
1
tr要素の周りのボーダーが表示されませんか？
Chrome / Firefoxはにボーダーをレンダリングしないようtrですが、セレクターがの場合はボーダーをレンダリングしtable tr tdます。 trに境界を設定するにはどうすればよいですか？ うまくいかない私の試み： table tr { border: 1px solid black; } <table> <tbody> <tr> <td> Text </td> </tr> </tbody> </table> コードスニペットを実行する結果を非表示スニペットを展開 http://jsfiddle.net/edi9999/VzPN2/ これは同様の質問です：境界線をテーブルtrに設定すると、IE 6および7以外のすべてで機能しますが、IE以外のすべての場所で機能するようです。
107 html  css  html-table 
13
HTML / CSS：2つのフローティングdivを同じ高さにする
私は現在を使用して解決している、少し変わった問題がありtableます。以下を参照してください。基本的に、2つのdivが使用可能な幅の100％を占めるようにしたいが、必要なだけ垂直方向のスペースを占めるようにしたい（これは実際には画像から明らかではない）。図に示すように、この2つは常に高さが同じで、間に線が少しあるはずです。 （ソース：pici.se） これはtable、現在使用しているを使用して非常に簡単に実行できます。ただし、意味的にこれは実際にはテーブルではないため、解決策にあまり熱心ではありません。
106 html  css  html-table 
14
幅が100％のHTML入力テキストボックスがテーブルセルからオーバーフローする
幅が100％の入力要素がテーブルのセルの境界線を超える理由を誰かが知っていますか？ 以下の簡単な例では、入力ボックスがテーブルのセルの境界線を超えているため、結果は恐ろしいものになります。これはテスト済みで、Firefox、IE7、Safariでも同じように発生します。 それはあなたにとって意味がありますか？私は何かを逃していますか、可能な解決策について知っていますか？ <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <!-- don't use closing slash in meta tag, it breaks HTML4.01 transitional --> <title>Test input text in table</title> <style type="text/css"> table {border-top: 1px solid #ff0000; border-left: 1px solid #ff0000;} table td {border-right: 1px solid …
106 html  input  html-table  width 
15
HTMLテーブルの行<tr>を非表示にして、スペースを取らないようにするにはどうすればよいですか？
HTMLテーブルの行を非表示にして、&lt;tr&gt;スペースを取らないようにするにはどうすればよいですか？にいくつか&lt;tr&gt;のを設定しstyle="display:none;"ていますが、それでもテーブルのサイズに影響し、テーブルの境界線は非表示の行を反映しています。
105 html  css  html-table 
11
CSSのtd幅の絶対位置を使用
こちらのJSFIDDLEをご覧ください td.rhead { width: 300px; } CSS幅が機能しないのはなぜですか？ &lt;table&gt; &lt;thead&gt; &lt;tr&gt; &lt;td class="rhead"&gt;need 300px&lt;/td&gt; &lt;td colspan="7"&gt;Week #0&lt;/td&gt; &lt;td colspan="7"&gt;Week #1&lt;/td&gt; &lt;!-- etc..--&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td class="rhead"&gt;&lt;/td&gt; &lt;td&gt;S&lt;/td&gt;&lt;td&gt;M&lt;/td&gt;&lt;td&gt;T&lt;/td&gt;&lt;td&gt;W&lt;/td&gt;&lt;td&gt;T&lt;/td&gt;&lt;td&gt;F&lt;/td&gt;&lt;td&gt;S&lt;/td&gt; &lt;td&gt;S&lt;/td&gt;&lt;td&gt;M&lt;/td&gt;&lt;td&gt;T&lt;/td&gt;&lt;td&gt;W&lt;/td&gt;&lt;td&gt;T&lt;/td&gt;&lt;td&gt;F&lt;/td&gt;&lt;td&gt;S&lt;/td&gt; &lt;!-- etc... --&gt; &lt;/tr&gt; &lt;thead&gt; &lt;/table&gt; また、位置の効果は何ですか？修正よりも理由を探しています。それがどのように機能するかを理解したいと思っています。
103 html  css  html-table 
7
テーブルの列のサイズ
ではBootstrap 3、テーブル列のタグに適用col-sm-xxしてサイズを変更できます。ただし、これはブートストラップ4では機能しません。ブートストラップ4でこのようなことを実現するにはどうすればよいですか？ththead &lt;thead&gt; &lt;th class="col-sm-3"&gt;3 columns wide&lt;/th&gt; &lt;th class="col-sm-5"&gt;5 columns wide&lt;/th&gt; &lt;th class="col-sm-4"&gt;4 columns wide&lt;/th&gt; &lt;/thead&gt; 特にテーブルにデータを追加する場合は、適切なサイズが設定されていない場合にコードプライを確認します。これがどのように実行されるかを確認してください。 &lt;div class="container" style="border: 1px solid black;"&gt; &lt;table class="table table-bordered"&gt; &lt;thead&gt; &lt;tr class="row"&gt; &lt;th class="col-sm-3"&gt;3 columns wide&lt;/th&gt; &lt;th class="col-sm-5"&gt;5 columns wide&lt;/th&gt; &lt;th class="col-sm-4"&gt;4 columns wide&lt;/th&gt; &lt;/tr&gt; &lt;/thead&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td&gt;123&lt;/td&gt; &lt;td&gt;456&lt;/td&gt; &lt;td&gt;789&lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; …
7
TRの高さを修正する方法？
テーブルの行（tr）の高さを固定することは可能ですか？ ブラウザのウィンドウを縮小すると問題が発生し、一部の行が再生され始め、行の高さを固定できません。 私はいくつかの方法を試しました： tr width="20" / tr style="height:20px" / td height="20" / td style="height:20px" IE7を使用しています スタイル .tableContainer{ color:#0076BF; margin: -10px 0px -10px 0px; border-spacing: 10px; empty-cells:show; width:90%; text-align:left; } .tableContainer tr td{ white-space:nowrap; text-align:left; } HTMLコード。 &lt;table class="tableContainer" cellspacing="10px"&gt; &lt;tr style="height:15px;"&gt; &lt;td&gt;NHS Number&lt;/td&gt; &lt;td&gt;&amp;#160;&lt;/td&gt; &lt;td&gt;Date of Visit&lt;/td&gt; &lt;td&gt;&amp;#160;&lt;/td&gt; &lt;td colspan="3"&gt;Care …
102 html  html-table  row 
11
HTMLテーブルのセルを編集可能にする方法は？
HTMLテーブルのいくつかのセルを編集可能にしたいのですが、セルをダブルクリックしてテキストを入力するだけで、変更をサーバーに送信できます。dojoデータ・グリッドのようないくつかのツールキットを使いたくありません。他のいくつかの機能を提供するためです。コードスニペットまたはそれを実装する方法についてのアドバイスを教えてください。
102 html  editor  html-table  cell 
12
JavaScriptを使用してテーブルを作成する
3行2セルのテーブルを作成するJavaScript関数があります。 私の関数を使用して以下のテーブルを作成する方法を誰かに教えてもらえますか（状況に応じてこれを行う必要があります）？ 以下に、私のJavaScriptとHTMLコードを示します。 function tableCreate() { //body reference var body = document.getElementsByTagName("body")[0]; // create elements &lt;table&gt; and a &lt;tbody&gt; var tbl = document.createElement("table"); var tblBody = document.createElement("tbody"); // cells creation for (var j = 0; j &lt;= 2; j++) { // table row creation var row = document.createElement("tr"); for (var …
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.