我目前正在从我的主jsp进行ajax调用后包含一个表。
它很好。但我的问题是假设我有一张表:
<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>
数据,当我这样做时,表格未对齐.i.e。柱长在THEAD和TBODY之间变化。
我们怎样才能做到这一点?请告诉我。
答案 0 :(得分:1)
这可能是因为你得到不同数量的列,或者数据中可能有空单元格,请检查其他浏览器!!
最佳解决方案:使用CSS修复宽度!!
否则:
<td></td>
将呈现为空白单元格,如果table-property中的empty-cells设置为false,则会减少列数。检查服务器响应中的某些数据是否为空。
另一种可能性是,一些未封闭的标签或未对齐的数据放置。检索到响应后检查元素。
答案 1 :(得分:0)
你可能会在TBODY中添加更多/更少的列,因为它有其他明智的不应该错位。