0

私はJQueryを初めて使用し、divを使用して完全に作成し、テーブル構造を使用せずに作成したテーブルをソートする方法を探しています。私はそれを行う方法を見つけることができると思ったので、行のIDは同じです。これが私のコードです：

    <div class="column_title">Column 1</div>
        <div class="column1">
            <div class="each_column">
                <span class="column1_class" id="row1">Value 1</span>
            </div>
            <div class="each_column">
                <span class="column1_class" id="row2">Value 2</span>
        </div>
            <div class="each_column">
            <span class="column1_class" id="row3">Value 3</span>
        </div>
            <div class="each_column">
            <span class="column1_class" id="row4">Value 4</span>
        </div>
        </div>
    </div>
    <div class="column_title">Column 2</div>
    <div class="column2">
        <div class="each_column">
        <span class="column2_class" id="row1">Value A</span>
        </div>
    <div class="each_column">
        <span class="column2_class" id="row2">Value B</span>
    </div>
    <div class="each_column">
        <span class="column2_class" id="row3">Value C</span>
    </div>
    <div class="each_column">
        <span class="column2_class" id="row4">Value D</span>
    </div>
    </div>
    <div class="column_title">Column 3</div>
    <div class="column1">
        <div class="each_column">
        <span class="column3_class" id="row1">Value AA</span>
    </div>
    <div class="each_column">
        <span class="column3_class" id="row2">Value AB</span>
    </div>
    <div class="each_column">
        <span class="column3_class" id="row3">Value AC</span>
    </div>
    <div class="each_column">
        <span class="column3_class" id="row4">Value AD</span>
    </div>
</div>

これに慣れていないので、これに取り組む方法がわかりません。div 構造を使用する必要があるため、これについてのガイダンスはありますか?

4

2 に答える 2

0

多分あなたは使うことができますdisplay : table。このリンクを参照してください

http://www.onenaught.com/posts/201/use-css-displaytable-for-layout

私はこれの大ファンではありませんが、あなたの場合は役立つかもしれません。

于 2013-05-29T13:30:34.037 に答える