Questions tagged «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 

如何删除HTML表中除<th>使用Javascript 之外的所有行，并且不循环遍历表中的所有行？我有一个非常大的表，我不想在循环浏览各行以删除它们时冻结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创建一个表。我要创建以下设计。我在<tr>里面添加了一个，<td>但是以某种方式未按照设计创建表。 谁能建议我如何实现这一目标？ 我无法创建Name1 | Price1部分。

98 html  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 / 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中创建了一个表。我想根据要求隐藏其中一列，但是没有像visibleHTML表构建那样的属性。我该如何解决我的问题？

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 

是否可以<tr>一次性为表格行加上边框，而不是给单个单元格加上边框，<td>例如， <table cellpadding="0" cellspacing="0" width="100%" style="border: 1px;" rules="none"> <tbody> <tr> <th style="width: 96px;">Column 1</th> <th style="width: 96px;">Column 2</th> <th style="width: 96px;">Column 3</th> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> <tr> <td style="border-left: thin solid; border-top: thin solid; border-bottom: thin solid;"> </td> <td style="border-top: thin solid; border-bottom: thin solid;"> </td> <td style="border-top: thin solid; …

90 html  css  border  html-table 

我需要提取表中每列的详细信息。例如，列“名称/编号”。 该表包含多个地址 每行的最后一列都有一个按钮，使用户可以选择列出的地址。 问题：我的代码仅选择<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 1</td> <td>Leeds</td> …

87 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> <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