插入單元格到表中？

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樣式來覆蓋。一些填充或保證金會做的伎倆。

另外請記住，如果您插入的表使用行或列跨度，那麼新單元格無疑會使佈局非常糟糕。