在网上找了一些JQuery合并列的例子,但是都是用.hide()的方式,这样导致了在导出Word的时候表格严重变形
自己写了一个用.remove()方式的合并列
function arrangeTable(tableId, colNum, norowspan) { for (var i = colNum; i > 0; i--) {
var isRowspan = true;
$(norowspan).each(function () {
if (i == this)
isRowspan = false;
});
if (isRowspan)
_onRowspan(i);
} function _onRowspan(_colNum) {
var _TDs = $(tableId + " tr td:nth-child(" + _colNum + ")");
var _firstTD = null;
var _rowspanCount = 0;
var _curTD = null; _TDs.each(function (Idx) {
if (Idx == 0) {
_firstTD = $(this);
_rowspanCount = 1;
} else {
_curTD = $(this);
if (_firstTD.text() == _curTD.text()) {
_rowspanCount++;
_curTD.remove();
_firstTD.attr('rowSpan', _rowspanCount);
} else {
_firstTD = $(this);
_rowspanCount = 1;
}
}
}); } }
合并列的JS代码
调用方法如下:
<script type='text/javascript' language='javascript'>
//第一个参数:table的id
//第二个参数:该table共有几列
//第三个参数:哪些列不需要合并
//从1开始计数
arrangeTable('#Table1_0',5,[2,4]);
</script>
调用方法