2011-10-18 72 views
0

我目前在從我的主jsp調用ajax之後包含一個表。比較jsp中兩個表的列寬

它會很好。但我的問題是假設我有一個表,如:

<table id="onMainpage"> 
<THEAD> 
<tr> 
    <td> My Entries</td> 
    <td> My Entries</td> 
    <td> My Entries</td> 
</tr> 
</THEAD> 
<TBODY> 
<tr> 
    <td> My Entries</td> 
    <td> My Entries</td> 
    <td> My Entries</td> 
<tr> 
</TBODY> 
</table> 

使Ajax調用後,我會得到如下結果:

<TBODY> 
    <tr> 
     <td> My Entries</td> 
     <td> My Entries</td> 
     <td> My Entries</td> 
    <tr> 
    </TBODY> 

的一點是,我將只更換<TBODY>數據,當我做那桌子是錯位的柱長在THEAD和TBODY之間變化。

我們該如何做到這一點?請告訴我。

+0

爲什麼列數不同? –

+0

列數沒有區別..但是它們中的數據是不同的,並且不同的長度是相同的。 – LearningEveryday

回答

0

您可能會在TBODY中添加更多/更少的列,它具有其他明智的它不應該不對齊。

1

這可能是因爲您獲得不同數量的列或數據中可能存在空單元格,請檢查其他瀏覽器!

最佳解決方案:使用CSS修復寬度!

否則:

<td></td>將呈現爲空白單元格,如果空單元被設置爲表屬性假的,它會降低的列數。檢查服務器響應中的某些數據是否爲空。

另一種可能性是,某些未封閉標籤或數據未對齊放置。一旦檢索到響應,檢查元素。

+0

是的,使用css設置列的寬度如下:'table.myTableClass td {width:200px;}' 如果數據很大或沒有空間,列寬增加!還有幾列會返回null! – LearningEveryday

+0

@Learning每天如果修復寬度仍然會導致它變化..肯定有空數據的一些html問題,嘗試換行文本並使空單元格爲真.. u cn也chk問題源檢查(檢查元素或類似的wat你的瀏覽器提供),可能會有所幫助。是的,我想加載數據的Ajax調用將不會得到應用的CSS。嘗試jQuery的生活或修復與td – MalTec

+0

風格屬性wiodth @LearningEveryday哦是的..接受答案作爲corect,如果它的工作。將在未來幫助他人..或提供評論 – MalTec