如何从列数据而不是HTML中的行数据创建表?
发布时间:2020-12-14 21:33:46 所属栏目:资源 来源:网络整理
导读:根据这篇文章在 W3 Schools,可以像HTML这样创建一个基本的表格: table border="1" tr tdrow 1,cell 1/td tdrow 1,cell 2/td /tr tr tdrow 2,cell 1/td tdrow 2,cell 2/td /tr/table 从上面可以看出,一行按行输入数据。 我有一种情况,我需要按列输入所有
根据这篇文章在
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来反转表格
http://jsfiddle.net/CsgK9/2/ 以下代码将反转表(此示例代码使用jquery) $("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元素一起使用的版本: (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
推荐文章
站长推荐
热点阅读