根据这篇文章在
W3 Schools,可以像HTML这样创建一个基本的表格:
<table border="1"> <tr> <td>row 1,cell 1</td> <td>row 1,cell 2</td> </tr> <tr> <td>row 2,cell 1</td> <td>row 2,cell 2</td> </tr> </table>
从上面可以看出,一行按行输入数据。
我有一种情况,我需要按列输入所有的数据。有可能吗?
<table border="1"> <tc> <td>row 1,cell 1</td> </tc> <tc> <td>row 1,cell 2</td> <td>row 2,cell 2</td> </tc> </table>
解决方法
最好的办法是按行呈现表格,然后使用javascript来反转表格
$("table").each(function() { var $this = $(this); var newrows = []; $this.find("tr").each(function(){ var i = 0; $(this).find("td").each(function(){ i++; if(newrows[i] === undefined) { newrows[i] = $(""); } newrows[i].append($(this)); }); }); $this.find("tr").remove(); $.each(newrows,function(){ $this.append(this); }); });
更新:
这是一个与th元素一起使用的版本:
http://jsfiddle.net/zwdLj/