有人tbody在表格中使用HTML的主要原因是什么？它只是为了格式化目的吗？
我使用head和body一般; 我没用过thead和tbody.
我想在表格的某个字段上方放一条线,表示它是上述值的总和.但是,默认情况下,表格已经有边框.
这是一个例子:我有一个折叠边框的表.我在一个字段上设置了border-bottom,在它下面的字段上设置了border-top.这两个都指定相同的边框.使用顶部的CSS.有没有办法使用底部的？
<html>
<head>
<style type="text/css">
table { border-collapse: collapse; }
td.first { border-bottom: solid red 1px; }
td.second { border-top: solid gold 1px; }
</style>
<body>
<table>
<tr><td class="first">Hello</td></tr>
<tr><td class="second">World</td></tr>
</table>
</body>
</html>
这显示了两个细胞之间有一条红线.有没有办法获得金线？
我想选择一个表列,我所知道的是列的标题文本.(th.innerText)
我尝试了以下代码,但它不起作用:
ownerIndex = $('th:contains("Owner")').index();
$('table tr td:nth-child(ownerIndex)')
有任何想法吗？
我知道这是一个愚蠢的问题,但我似乎完全忘记了怎么做.
我有一个HTML table,我想删除所有单元格周围的所有边框,以便整个表格周围只有一个边框.
我的代码看起来像:
<table border='1' width='500'>
<tr><th><h1>Your Wheelbarrow</h1></th><tr>
<th>Product</th>
<th>Description</th>
<th>Price</th>
<th>Quantity</th>
<th>Total</th>
<th>Delete</th>
</tr>
在JavaScript中,是否可以从2D数组生成HTML表？编写HTML表的语法往往非常冗长,所以我想从2D JavaScript数组生成一个HTML表,如下所示:
[["row 1, cell 1", "row 1, cell 2"],
["row 2, cell 1", "row 2, cell 2"]]
会成为:
<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
所以我正在尝试编写一个JavaScript函数,它将从2D JavaScript数组返回一个表,如下所示:
function getTable(array){
//take a 2D JavaScript string array as input, and return an HTML table.
}
我有下表:
<table border="1">
<tr>
<th scope="col">Header</th>
<th scope="col">Header</th>
<th scope="col">Header</th>
</tr>
<tr>
<th scope="row"> </th>
<td> </td>
<td>Split this one into two columns</td>
</tr>
</table>
我希望将包含" 将这一个拆分成两列 "的单元格分成两个单元格/列.我该怎么做？
我已经习惯了用来<table>s完美地对齐我的表单字段.这就是我通常写我的表格的方式:
<table border="0">
<tr>
<td><label for="f_name">First name:</label></td>
<td><input type='text' id='f_name' name='f_name' /></td>
<td class='error'><?=form_error('f_name');?></td>
</tr>
</table>
我知道这是不好的做法,我想使用CSS, ,<label>s,<div>s或清洁方法.然而,事实是,<table>s表格的工作非常好.一切都完全正确,间距是完美的,所有错误都完全在彼此之下,等等.
我最近尝试使用<dt>和<dd>标记表单,但我最终还是回到表格只是因为它们看起来好多了.
如何在不使用<table>s的情况下获得这种对齐的表格布局？
无论出于何种原因,我无法让任何表格单元格在它们之间有边距.我希望表格单元格具有灰色背景颜色(在白页背景上),因此它看起来像是在它们之间带有白色的图块.
我试过HTML,
<table cellspacing="3">
同样在CSS中,
table td {
margin:3px;
}
什么都行不通.细胞仍然粘在一起,就像一个大灰色的斑点.我错过了非常基本的东西吗？
这是实际的代码:
<table width="100%" cellspacing="3">
<tr>
<th>Document Number</th>
<th>BP Reference No.</th>
<th>Posting Date</th>
<th>Posting Week</th>
<th>Customer/Vendor Code</th>
<th>Customer/Vendor Name</th>
<th>Item No.</th>
<th>Item/Service Description</th>
<th>Item Group</th>
<th>Warehouse Code</th>
<th>Remaining Open Quantity</th>
<th>Line No.</th>
<th>Sales Employee Name</th>
<th>Stock</th>
<th>Fill Rate</th>
<th>1046</th>
<th>1047</th>
<th>1048</th>
<th>1049</th>
<th>1050</th>
<th>1051</th>
<th>1052</th>
<th>1053</th>
<th>1054</th>
<th></th>
</tr>
<tr>
<td>17272</td>
<td>2244100</td>
<td>5/24/2010</td>
<td>22</td>
<td>NYST</td>
<td>NYSTROM INC.</td>
<td>NYM118SX26DSTKS01</td>
<td>Nystrom, Mort. 1-1/8'', Schl C~K, US26D, ST cam, 5pin, KS #43758</td>
<td>Mort …可能重复:
尝试将表格彼此相邻水平
我已经创建了两个html表.如何将它们并排放置而不是一个放在另一个之上？
我不是HTML的新手,但是在一段时间没有触及它,我遇到了一个烦人的问题.
我有一个有两排的桌子.
我希望第一行有一列 - 意味着它将跨越整行,我希望第二行有三列,每列占行宽度的33.3%.
我有这个表的代码:
<table width="900px" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">check</td>
</tr>
<tr>
<td align="center">check</td>
<td align="center">check</td>
<td align="center">check</td>
</tr>
</table>
但是发生的事情很奇怪,第一行有一列与第二行的第一列大小相同,每当我更改其中一行时,它也会改变另一行.
如果我给第一行的<td>宽度值500px让我们说,它将第一行的第一行设置<td>为相同的大小.
我究竟做错了什么 ？
html-table ×10
html ×7
css ×5
border ×1
cellspacing ×1
forms ×1
javascript ×1
jquery ×1
margin ×1
xhtml ×1