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

<table> <tr> <td>Test</td> <td>A long string blah blah blah</td> </tr> </table> <style> td{max-width:67%;} </style> 上記は動作しません。パーセンテージを使用してテーブルセルの最大幅を設定するにはどうすればよいですか？

100 html  css  html-table 

<th>JavaScriptを使用して、テーブルのすべての行をループせずに、HTMLテーブルのすべての行を削除するにはどうすればよいですか？非常に巨大なテーブルがあり、行をループして削除している間、UIをフリーズしたくない

99 javascript  html  html-table 

StackOverflowでいくつかの投稿を調べましたが、このかなり単純な質問に対する答えを見つけることができませんでした。 次のようなHTML構成があります。 <table> <tr> <td class="thatSetsABackground"> <div class="thatSetsABackgroundWithAnIcon"> <dl> <dt>yada </dt> <dd>yada </dd> </dl> <div> </td> <td class="thatSetsABackground"> <div class="thatSetsABackgroundWithAnIcon"> <dl> <dt>yada </dt> <dd>yada </dd> </dl> <div> </td> </tr> </table> がdivの高さを満たすために必要なのはtd、divの背景（アイコン）をの右下隅に配置できるようにするためtdです。 どのように私はそれについて行くことを提案しますか？

99 html  css  html-table 

HTMLテーブル内の行と列をマージする方法がわかりません。 HTMLでそのようなテーブルを作成するのを手伝ってくれませんか？

97 html  html-table 

固定のヘッダーと固定の最初の列を含むhtmlテーブル（または同様の外観）を作成する必要があります。 これまでに見てきたすべてのソリューションはJavascriptを使用するかjQuery、scrollTop / scrollLeftを設定しますが、モバイルブラウザーではスムーズに機能しないため、純粋なCSSソリューションを探しています。 ここで固定列の解決策を見つけました：jsfiddle.net/C8Dtf/20/ですが、ヘッダーを固定するためにそれを拡張する方法もわかりません。 Webkitブラウザーで動作したり、いくつかのcss3機能を使用したりJavascriptしたいのですが、繰り返しますが、スクロールには使用したくありません。 編集：これは私が達成したい動作の例です：https : //web.archive.org/web/20130829032141/http : //datatables.net/release-datatables/extras/FixedColumns/css_size.html

97 html  css  html-table  markup  fixed-header-tables 

HTMLでテーブルを作成しようとしています。次のデザインを作成しました。私は<tr>内部を追加しましたが、<td>どういうわけかテーブルは設計に従って作成されていません。 誰か私がこれを達成する方法を提案できますか？ Name1を作成できません| Price1セクション。

97 html  html-table 

HTML / CSS（相対的なサイズ設定）を使用して、セルの行に、それが含まれるテーブルの幅全体を拡大させる方法はありますか？ セルは同じ幅でなければならず、外部テーブルのサイズもで動的<table width="100%">です。 現在、固定サイズを指定しない場合; セルはコンテンツに合わせて自動サイズ調整されます。

96 html  css  html-table 

幅が明示的に宣言されているテーブルが親の外側にオーバーフローしないようにしようとしていますdiv。私はこれを何らかの方法でを使用して実行できると思いますがmax-width、これを機能させることができないようです。 次のコード（ウィンドウが非常に小さい）がこれを引き起こします。 <style type="text/css"> #middlecol { width: 45%; border-right:2px solid red; } #middlecol table { max-width:100% !important; } </style> <div id="middlecol"> <center> <table width="400" cellpadding="3" cellspacing="0" border="0" align="center"> <tr> <td bgcolor="#DDFFFF" align="center" colspan="2"> <strong>Notification!</strong> </td> <tr> <td width="50"> <img src="http://www.example.com/img.png" width="50" height="50" alt="" border="0"> </td> <td> Lorem ipsum dolor sit …

94 html  css  html-table 

ASPXでテーブルを作成しました。要件に基づいて列の1つを非表示にしたいのですがvisible、HTMLテーブルの作成のような属性はありません。どうすれば問題を解決できますか？

93 html  asp.net  html-table 

だから私はこのコードをここに持っています： <table> <tr> <td width="200px" valign="top"> <div class="left_menu"> <div class="menu_item"> <a href="#">Home</a> </div> </div> </td> <td width="1000px" valign="top">Content</td> </tr> </table> CSSを使って .left_menu { background: none repeat scroll 0 0 #333333; border-radius: 5px 5px 5px 5px; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; padding: 5px; } .menu_item { background: none repeat scroll …

93 html  css  html-table  width 

テーブルの各列の詳細を抽出する必要があります。たとえば、列「Name / Nr。」。 テーブルにはいくつかのアドレスが含まれています 各行の最後の列には、ユーザーがリストされたアドレスを選択できるボタンがあります。 問題：私のコード<td>は、クラスを持つ最初のものだけを取得しますnr。これを機能させるにはどうすればよいですか？ jQueryビットは次のとおりです。 $(".use-address").click(function() { var id = $("#choose-address-table").find(".nr:first").text(); $("#resultas").append(id); // Testing: append the contents of the td to a div }); テーブル： <table id="choose-address-table" class="ui-widget ui-widget-content"> <thead> <tr class="ui-widget-header "> <th>Name/Nr.</th> <th>Street</th> <th>Town</th> <th>Postcode</th> <th>Country</th> <th>Options</th> </tr> </thead> <tbody> <tr> <td class="nr"><span>50</span> </td> <td>Some Street …

91 javascript  jquery  button  onclick  html-table 

検索して検索しましたが、要件の解決策を見つけることができませんでした。 私は単純な古いHTMLテーブルを持っています。画像やJSを使用せずに、つまり純粋なCSSのみを使用して、角を丸くしたいのです。このような： コーナーセルの場合は丸みを帯びたコーナー、セルの場合は1px太い境界線。 これまでのところ私はこれを持っています： table { -moz-border-radius: 5px !important; border-collapse: collapse !important; border: none !important; } table th, table td { border: none !important } table th:first-child { -moz-border-radius: 5px 0 0 0 !important; } table th:last-child { -moz-border-radius: 0 5px 0 0 !important; } table tr:last-child td:first-child { -moz-border-radius: …

86 html  css  html-table  rounded-corners 

私は独特で苛立たしい問題を抱えています。単純なマークアップの場合： <table> <thead> <tr><th>1</th><th>2</th><th>3</th></tr> </thead> <tbody> <tr><td>a</td><td>b></td><td>c</td></tr> <tr class='odd'><td>x</td><td>y</td><td>z</td></tr> </tbody> </table> thead、tr、およびtrの奇数要素に異なる背景色の値を適用します。問題は、ほとんどのブラウザで、すべてのセルに、テーブルの行の色ではない不要な境界線があることです。Firefox 3.5でのみ、テーブルのセルに境界線がありません。 他の主要なブラウザでこれらの境界線を削除して、表に表示されるのは行の色が交互になるだけになるようにする方法を知りたいだけです。

86 html  css  html-table 

設定されたサイズを維持するためにhtmlテーブルが必要なページを書いています。テーブルの上部にあるヘッダーを常に表示する必要がありますが、テーブルに追加された行数に関係なく、テーブルの本体もスクロールする必要があります。 このURLのメソッド2のように見せたい：http：//www.cssplay.co.uk/menu/tablescroll.html これを試しましたが、スクロールバーが表示されません。 tbody { height: 80em; overflow: scroll; } <table border=1 id="qandatbl" align="center"> <tr> <th class="col1">Question No</th> <th class="col2">Option Type</th> <th class="col1">Duration</th> </tr> <tbody> <tr> <td class='qid'></td> <td class="options"></td> <td class="duration"></td> </tr> </tbody> </table> コードスニペットを実行する結果を非表示スニペットを展開

86 html  css  scroll  html-table  overflow 

<html> <head> <title>Table Row Padding Issue</title> <style type="text/css"> tr { padding: 20px; } </style> </head> <body> <table> <tbody> <tr> <td> <h2>Lorem Ipsum</h2> <p>Fusce sodales lorem nec magna iaculis a fermentum lacus facilisis. Curabitur sodales risus sit amet neque fringilla feugiat. Ut tellus nulla, bibendum at faucibus ut, convallis eget neque. …

85 html  css  html-table  row  padding