2011-10-18 7 views
0

現在、私のメインJSPからajax呼び出しを行った後にテーブルを追加しています。jspの2つのテーブルの列幅を比較します

私が行うとき

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

ポイントは、私が唯一<TBODY>データを交換することで、:

<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呼び出しを行った後、私は次のようなります。しかし、私の質問は以下のように、私はテーブルがあるとしていますそれは、テーブルの位置がずれています。カラムの長さはTHEADとTBODYの間で変化します。

どうすればこのことができますか?私にお知らせください。

+0

なぜ列数が異なるのですか? –

+0

列の数は異なりませんが、それらの内部のデータは異なり、異なる長さが存在します。 – LearningEveryday

答えて

0

TBODY intialyに列数を増やしても、少なくても構いません。

1

これは、異なる数の列を取得しているか、データ内に空のセルがある可能性があります。他のブラウザでもチェックしてください。

ベストソリューション:CSSを使用して幅を修正してください!そうで

<td></td>は空白のセルとして表示され、空のセルをテーブルプロパティでfalseに設定されている場合、それは、列の数を減少させます。サーバーの応答でデータがnullであるかどうかを確認します。

もう1つの可能性は、一部のクローズされていないタグまたはデータの配置がずれていることです。一度あなたが応答を取得したら、要素を検査してください。

+0

はい、cssを使って列の幅を設定してください: 'table.myTableClass td {width:200px;}' データが大きい場合やスペースがない場合、列幅が増加します。また、いくつかの列はnullを返します! – LearningEveryday

+0

@ LearningEveryday幅を修正してもそれが変わるのは確かです。確かにヌルデータでHTMLの問題があります。テキストを折り返して空のセルを作成してみてください。また、ソース検査のためのchkの問題もあります。ブラウザが提供する)、役に立つかもしれません。そしてはい、私は負荷バイアヤックスコールのデータは、適用されたCSSを取得しないと思います。 jqueryライブを試してみてください。スタイル属性がtd – MalTec

+0

@LearningEveryday oh yesです。もし答えがあれば、それをcorectとして受け入れてください。将来的に他の人を助けるかコメントを提供する – MalTec