2

このようなページに2つのテーブルがあります。

<table style="width:800px">
    <tr>
        <td style="width:400px;">
            <table id="currencies"
                style="border-spacing: 5px; padding: 3px; margin: 2px" />
        </td>
        <td style="width:400px;">
            <table id="changers"
                style="border-spacing: 5px; padding: 3px; margin: 2px" />
        </td>
    </tr>
</table>

これらを拡張するためにjqgridを使用します。1つはマスターテーブルで、もう1つは詳細です。ただし、問題は、2番目のテーブル（id = "changers"）がページに表示されていないことです。<td>ブラウザからjavascriptを調べたところ、テーブルの行に1つの要素しかありません。この問題は、次のように別々のテーブルに配置すると解消されます。

<table id="currencies"
                style="border-spacing: 5px; padding: 3px; margin: 2px" />
<table id="changers"
                style="border-spacing: 5px; padding: 3px; margin: 2px" />

私はこれに完全に固執しています。どんな助けでも大歓迎です。

4

2 に答える 2

3

ネストされた2つのtableタグは閉じられていません。この<tag/>形式はの省略形ではありません。マークアップコンテンツを持たないような<tag></tag>void要素（および外部要素、仕様の詳細）のみを対象としており、XHTMLのsolidus（）のみが必要です（これをお勧めします）。特別に使用する必要がない限り、XHTMLは危険と誤解に満ちています）。<br/>/

：<table ...></table>ではなく、明示的にテーブルを閉じます。<table .../>

<table style="width:800px">
    <tr>
        <td style="width:400px;">
            <table id="currencies"
                style="border-spacing: 5px; padding: 3px; margin: 2px"></table>
        </td>
        <td style="width:400px;">
            <table id="changers"
                style="border-spacing: 5px; padding: 3px; margin: 2px"></table>
        </td>
    </tr>
</table>
于 2012-12-15T12:31:47.187 に答える
1

テーブルに終了タグを追加する必要があります。これの代わりに

<table />

これを行う

<table> </table>

コード全体：

<table style="width:800px">
    <tr>
        <td style="width:400px;">
            <table id="currencies"
            style="border-spacing: 5px; padding: 3px; margin: 2px" ></table>
        </td>
        <td style="width:400px;">
            <table id="changers"
            style="border-spacing: 5px; padding: 3px; margin: 2px" ></table>
        </td>
    </tr>
</table>​
于 2012-12-15T12:31:41.003 に答える