1

上記のテーブルの列に沿って、テーブルの上にいくつかの要素を追加する必要があります。

このテーブルには<thead>(jquery.tablesorter プラグインのために必要な) が含まれています。<tbody>の上に別のものを配置<thead>すると、これらの要素を残りの列と一致させることができると思いましたが、クロムとFirefoxの両方<tbody>が<thead>.

例：

<table>
    <tbody>
        <tr>
            <td>1</td><td>1</td><td>1</td>
        </tr>
    </tbody>
    <thead>
        <tr>
            <th>head</th><th>head</th><th>head</th>
        </tr>
    </thead>        
    <tbody>
        <tr>
            <td>2</td><td>2</td><td>2</td>
        </tr>
        <tr>
            <td>3</td><td>3</td><td>3</td>
        </tr>
        <tr>
            <td>4</td><td>4</td><td>4</td>
        </tr>
    </tbody>
</table>

私はこれを理解していますが、これらの要素を特定の列に合わせておく方法を見つける必要があります。

4

4 に答える 4

5

次のように複数の行を使用できます<thead>:-

<table>

   <thead>

     <tr> <td>1</td> <td>1</td> </tr>

     <tr> <td>head</td> <td>head</td> </tr>

   </thead>

</table>
于 2012-08-12T08:51:59.467 に答える
1

id (#) マーカーを使用して、js を機能させたい部分を識別し、js にその ID を使用させることをお勧めします。

それで、thead最初とtbody最後があります。

あなたが説明しているバリエーションは、現在使用しているブラウザで、問題のないOSで動作する可能性があり、HTML仕様の特定のバージョンに準拠している可能性がありますが、物事を異常な順序で配置することは(私の経験では)まさにそのようなものです特にサイトが複雑になるにつれて、どこでも機能しない、または同じように機能し、最終的には多くの不満の原因となります。

于 2012-08-11T14:17:21.380 に答える
0

正しいテーブル構造は次のとおりです。

<table>
    <thead>
        <tr>
            <th></th>
            <th></th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td></td>
            <td></td>
        </tr>
    </tbody>
    <tfoot>
        <tr>
            <th></th>
            <th></th>
        </tr>
    </tfoot>
</table>

<thead>常に上にあり、<tfoot>常に下にあります。

使用すると、次の方法でスワップおよびコンテンツを作成jQueryできます。<thead><tbody>

$(document).ready(function() {
    $('#myTrigger').click(function() {
        var top = $('thead').html();
        var mid = $('tbody').html();
        $('thead').html(mid);
        $('tbody').html(top);
    });
});
于 2012-08-11T14:19:25.937 に答える
0

1 つの解決策は、広告内の 1 つの tr 内で別のテーブルを使用することです。ただし、これはまったく醜い解決策です。

CSS を使用して、テーブルの上に div を配置することもできます。

于 2012-08-11T14:00:10.507 に答える