将细胞插入表中？

Question

如何将细胞插入表中？

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

在我的情况下，我如何将一个单元格插入距离行开头150个像素的行中？

示例：

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

Answer 1

最简单的方法是在将额外单元格发送给用户之前生成具有额外单元格的表格。

之后，您将不得不使用一些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，它们可以在一行代码中执行此类操作，并且可以让您更好地控制插入新节点（之前，之后，顶部，底部等）。

对于150像素偏移，您可以使用CSS样式来覆盖它。一些填充或边距可以解决问题。

还要记住，如果您要插入的表使用行或列跨度，新单元格无疑会严重破坏布局。

Answer 2

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