jquery - 行の列数が少ない場合は、動的テーブル行の最後のセルに colspan を追加します

Question

多分これは以前に尋ねられたことがありますが、私の多くのグーグル検索は私の必要性を引き出していません...

動的に作成されるテーブルがあります。その中には、4 列の行と 3 列の行が含まれています。私がしたいのは、行の最後のセルをテーブルの右端にある 3 列に揃えることです。3 列の行の最後の列に colspan="2" を追加するのが最善の方法だと思います。

だから私の質問は、テーブル内の最大数の列を取得し、そのバランスを埋めるために列が少ない行の最後のセルに colspan を追加するにはどうすればよいですか?

Answer 1

最善の方法は、動的テーブルを作成することです。

ここにjsFiddleがあります

あなたの質問が行の列数を見つけることである場合、これがコマンドです。

$("#columnCount").append($("#setTable tr:eq(1) td").length);

あなたの質問を理解していただければ幸いです。1 つのテーブル自体に 3 列と 4 列を表示する場合は、コードを次のように変更する必要があります。

この JSFiddle。

あなたの質問が答えられることを願っています。