代码之家 › 专栏 › 技术社区 › SidC

如何向嵌套的HTML表中添加列

html-table html php

0

SidC · 技术社区 · 15 年前

向嵌套的HTML表中添加列最简单的方法是什么?或者,除了gridview中需要的字段之外,我是否应该研究一下用无表设计重新设计整个页面的想法?

Gridview是这样的:

行:材料、人工、杂项

3 回复 | 直到 8 年前

1

2

Fosco 15 年前

您必须添加<TD>将单元格添加到每行。

既然您说过还需要移动一些东西,那么应该考虑将输出结构重新写入DIV格式或重新写入的表结构。我个人更喜欢数据网格的表结构。

2

1

TCCV 15 年前

jQuery有很多DOM遍历函数可供选择。

比如说,你从

<html>
<body>
   <table id="aTable"></table>
</body>
</html>

<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" />
<script type="text/javascript">
   $(document).ready(function(){
      $("#aTable > tbody").append('<tr id="row1"><td>some data</td></tr>');
   });
</script>
</head>
<body>
   <table id="aTable"></table>
</body>
</html>

这将向表中添加一个单元格。注意tbody标记,我发现这是必需的,因为tbody在浏览器呈现时是一个隐式标记。

现在让我们倒回去。如果从表中已有的单元格开始,可以使用remove()函数轻松地将其删除:

<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" />
<script type="text/javascript">
   $(document).ready(function(){
      $("#row1").remove();
   });
</script>
</head>
<body>
   <table id="aTable">
      <tr id="row1">
         <td>some data</td>
      </tr>
   </table>
</body>
</html>

Check it out

3

0

Josh K 15 年前

首先,我不知道Gridview是什么样子…但是。。。如果我理解正确的话,你可以尝试添加一个 <td> <table> </table></td> 事情应该和以前一样。

这种方法可能会变得非常混乱,虽然我不是100%确定这是你想要达到的。