一些TD移動到新線後的多個TD

您好我正在動態生成一個表並添加新的TR和TD動態按以下方式。一些TD移動到新線後的多個TD

$('#tableId').append('<tr><th colspan="2"></th>');

上面的代碼在我的代碼中只調用一次。

然後我通過以下方式加入TD到它：

var tempurl = 'http://google.com'; 
$('<td>').appendTo($('#tableId')).html("<a href='"+tempurl+"'>"+tempurl+"</a>");

，我面對的是，所有的TD越來越在排成一列（僅在同一行）的問題，我的網頁寬度得到多次增加。

我嘗試添加的CSS表，這樣，如果表的大小超過TD應該到下一行：

max-width: 90%; 
display: block;

和

display: inline;

但它不工作對我來說。

來源

2013-10-27 Vishrant

請編寫一個正確的靜態HTML表格，然後使用此代碼動態生成一個仍然正確的表格。

這裏有這樣一個表的示例：

<table> 
    <caption>Google results</caption> 
    <thead> 
     <tr> 
      <th scope="col">Title and link</th> 
      <th scope="col">Description</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <td> 
       <a href="http://domain.com/1">Stack Overflow</a> 
      </td> 
      <td>Stack Overflow is a website (...)</td> 
     </tr> 
     <tr> 
      <td> 
       <a href="http://domain.com/2">Stack Exchange</a> 
      </td> 
      <td>Stack Exchange is a website (...)</td> 
     </tr> 
    </tbody> 
</table>

無需標題單元格跨越所有行：你可能想讓它作爲垂直表的標題
，你應該有一個（th），在thead元素中（我加入了scope="col"屬性，出於輔助功能的原因，如果標題單元格在每一行的左邊，則爲row;如果您有colspan或，則不要使用某處）
在每實際行
tbody元件，一個行（tr）在每行中，多td元件有標題單元（除非有一些colspan或rowspan）

編輯：你爲什麼有2個不同id？混亂。

來源

2013-10-27 11:10:23 FelipeAls

'appendTo'方法上的'id'也是一樣的，那是我剛纔在我的問題中糾正的錯誤。我已經寫了一個正確的代碼來生成一個表，我唯一擔心的就是它的'css'所有TD被排成一排。 – Vishrant

根據需要，您有關閉''嗎？您是否使用Firebug或DevTools檢查過HTML代碼？ – FelipeAls

是我有一個結束''標記，我檢查我的代碼所有'標記'是否正確生成，但我得到所有''標記在一行中，因爲我的頁面寬度增加了很多倍。 – Vishrant

一些TD移動到新線後的多個TD

回答

相關問題