100分和大家讨论javascript表格行列转换算法
首先,转换的表格是不规则的,有跨行跨列的,规则的表格,你懂的!
如图(举例,实际的表格可能更复杂),上图是原表格,下图是转换后的表格.
html代码如下:
<table id="table1" class="class1">
<tr><td rowspan="2" class="title">表头1</td><td colspan="2" class="title">表头2</td></tr>
<tr><td class="title">表头3</td><td class="title">表头4</td></tr>
<tr><td class="title">表头5</td><td>1</td><td>2</td></tr>
<tr><td class="title">表头6</td><td>3</td><td>4</td></tr>
<tr><td class="title">表头7</td><td>5</td><td>6</td></tr>
</table>
<br />
<table id="table2">
<tr><td colspan="2" class="title">表头1</td><td class="title">表头5</td><td class="title">表头6</td><td class="title">表头7</td></tr>
<tr><td rowspan="2" class="title">表头2</td><td class="title">表头3</td><td>1</td><td>3</td><td>5</td></tr>
<tr><td class="title">表头4</td><td>2</td><td>4</td><td>6</td></tr>
</table>
大家对分享下转换算法的思路,分不够可以再加!!
[解决办法]
没这种做过。。。
[解决办法]
我觉得你要生成表格(不规则的)完全可以用jquery呀。如果你要跨行什么的。直接在里面写cols=""就可以了。拼凑的不行?不知道楼主想要实现什么功能
[解决办法]
我没看清题目。不好意思
------解决方案--------------------
1、楼主需要每个tr、td设置id(方便灵活控制)
2、动态转换那不好做啊、转化的范围不确定、需要做N多种判断!拓展起来很困难!
[解决办法]
重点就是 rowspan 与 colspan
表格要看做两个部分, 一是表头 二是表体
不规则的只是表头 , 就是 rowspan 与 colspan 的转换
但是需要确定那些是表头
图1中 的第一列 也算"表头"
[解决办法]
没做过JS的行列转换 制作过c#的行列转换
[解决办法]
把上面的表旋转90度翻个面就是下面的表了