项目中遇到 一个包含colspan和rowspan的表格 行列转换的问题,请高手们贴上解决的js代码,就给分。不要模模糊糊的答案 eg.表格代码如下 <table id='tableId' cellspacing = 1 border = 1>
<tr>
<td> </td>
<td> </td>
<td colspan="4"><div align="center">维度1</div></td>
<td rowspan="3">未钻取指标3</td>
</tr>
<tr>
<td> </td>
<td> </td>
<td colspan="2">维度2</td>
<td colspan="2">维度2</td>
</tr>
<tr>
<td> </td>
<td> </td>
<td>钻取指标1</td>
<td>钻取指标2</td>
<td>钻取指标1</td>
<td>钻取指标2</td>
</tr>
<tr>
<td rowspan="2" align="center" valign="middle">对象1</td>
<td>对象2</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>对象2</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr></table>
请高手详细说下解决方案。最好贴上代码,一定给高分奖励。非常感谢!
<table id='tableId' cellspacing = 1 border = 1>
<tr>
<td colspan="2" rowspan="3"> </td>
<td colspan="4"><div align="center">维度1</div></td>
<td rowspan="3">æªé»åææ 3</td>
</tr>
<tr>
<td colspan="2">维度2</td>
<td colspan="2">维度2</td>
</tr>
<tr>
<td>é»åææ 1</td>
<td>é»åææ 2</td>
<td>é»åææ 1</td>
<td>é»åææ 2</td>
</tr>
<tr>
<td rowspan="2" align="center" valign="middle">对象1</td>
<td>对象2</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>对象2</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr></table>
å¦æä½ ä¸æ¯è¦è¿ç§ç»æï¼è¯·è¯¦ç»è¯´æã
æè¦ç»´åº¦æ¾ç¤ºå¨å·¦è¾¹ 对象æ¾ç¤ºå¨ä¸é¢ ä½ è´´çè¿ä¸ªæææ¯è¿ä¸ªhtmlçææ æè¦å¾å°ä» è¡å转æ¢çææå¦ è¡¨æ ¼è¡å¯¹è±¡åæå ååæè¡
追çé£ä½ å¯ä»¥ç¨è¡¨æ ¼åµå¥ï¼å«åªç¨ä¸ä¸ªtable å åä¸ä¸ªå¤§çtableæ大çå¸å±æåºæ¥ ç¶åå¾éé¢æ·»å å°çtable å并åå æ ¼è¿ç§äºå°±ä¸ç¨è¯´äºå§ã
追é®è¿ä¹è¯´ 太æ½è±¡äº 贴代ç ï¼
效果就是维度到对象位置 位置到维度位置 行列转换
楼上贴出来的就是原始的效果 就是普通的表格行列转换 --行变成列 列变成行。现在问题解决了 就是把上面和左边的数据对象就达到效果了 。