插入单元格到表中？

Question

我如何去插入一个单元格到表中？

例如，我使用MySql和PHP从数据库检索数据，然后如何将单元格插入已经脚本化的表格中？

在我的情况下，我将如何插入单元行从行的开始行150像素？

例如：

___________________________________________ 
| <--150px--> |cell|      | 

Answer 1

<td style='padding-left:150px;'><?php echo fetched data?></td> 

Answer 2

最简单的方法就是把它发送给用户之前生成的地方已经用额外的单元格的表格。

之后，您将不得不使用一些Javascript来将新单元格动态插入到页面的DOM树中。给定一个表摘录如下：

<table> 
<tr> 
    <td>foo</td> 
    <td id="inserthere">bar</td> 
</tr> 
</table> 

您可以使用大意如下的东西：

var td = document.createElement('td'); 
td.nodeValue = 'this is the new cell'; 
document.getElementById('inserthere').insertBefore(td); 

这将使您：

<table> 
<tr> 
    <td>foo</td> 
    <td>this is the new cell</td> 
    <td id="inserthere">bar</td> 
</tr> 
</table> 

如果你打算做像这样对DOM树进行批量操作，你最好使用jQuery或者MooTools，它可以在一行代码中做这样的事情，并且可以让你更好地控制新节点的插入位置（before，after，top ，底部等...）。

至于150像素的偏移量，您可以使用CSS样式来覆盖。一些填充或保证金会做的伎俩。

另外请记住，如果您插入的表使用行或列跨度，那么新单元格无疑会使布局非常糟糕。