首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > asp.net >

100分跟大家讨论javascript表格行列转换算法

2013-08-09 
100分和大家讨论javascript表格行列转换算法首先,转换的表格是不规则的,有跨行跨列的,规则的表格,你懂的!

100分和大家讨论javascript表格行列转换算法
首先,转换的表格是不规则的,有跨行跨列的,规则的表格,你懂的!

如图(举例,实际的表格可能更复杂),上图是原表格,下图是转换后的表格.

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度翻个面就是下面的表了

热点排行