JS table内容转成二维数组，支持colspan和rowspan

最新推荐文章于 2022-09-25 08:43:28 发布

转载

最新推荐文章于 2022-09-25 08:43:28 发布 · 764 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/dreamman/p/agui.html

文章标签：

#javascript #ViewUI

本文介绍如何将包含colspan和rowspan的HTML表格内容转换为二维数组。通过先初始化colspan数据，然后使用rowspan和colspan计算TH和TD元素的矩阵填充数组。操作过程中需依赖jQuery库，并确保表格的行列跨度设置正确。

思路：
1.先初始化colspan的数据到数组
2.根据rowspan和colspan计算th和td的矩阵二次填充数组

说明：
需要引用到第三方库jQuery，table中的th和td行和列跨度必须正确

 1 <!-- 演示数据部分 -->
 2 <table id="expTable" class="table table_hover  table_border table_center">
 3     <tbody>
 4         <tr class="head">
 5             <th>客户</th>
 6             <th class="bb_header">期初余额</th>
 7             <th colspan="2">订单金额</th>
 8             <th>收款金额</th>
 9             <th>收款账户</th>
10             <th>客户余额</th>
11             <th>备注</th>
12         </tr>
13         <tr>