javascript - HTML5 Colspan - 代替

Question

HTML の td タグの 1 つで「colspan」を使用しています。HTML で「colspan」を使用したくありません。しかし、それでも「colspan」によって達成された機能を達成する必要があります。これを達成する方法はありますか？

Answer 1

の効果は、またがるスロットにcolspanダミーの空のセルを含むテーブルを使用してシミュレートでき、それらをまたぐセルを絶対的に配置します。テーブルを配置の参照フレームに直接設定することはできないため、テーブル<td></td>に対して相対的に配置されたラッパーが必要です。div

特に行の高さを気にする必要があるため、かなり見苦しくなります。セルを絶対位置に配置すると、テーブルの書式設定が失われるためです。これは、セルの内容のコピーをスパンされるダミー セルの内容として使用することで対処できます。jsfiddleを参照してください。

複雑になるため、単純なものを処理できないソフトウェアは、これも処理できないcolspan可能性があります (少なくともドキュメントのレンダリングを担当している場合)。

Answer 2

$(document).on('click', 'input#submitHtml', function(){
    $('htmlToSend').find('tr').removeAttr('colspan');
    // Submit the form.
});

Answer 3

div を使用して、グリッドのような構造を使用できます。

<div>
    <div class='headerrow'>

    </div>
    <div class='bodyrow'>
        <div class='bodycell'>

        </div>
        <div class='bodycell'>

        </div>
    </div>
</div>