效果图:
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Untitled Document</title>
<script src="jquery-3.2.1.min.js"></script>
</head>
<body>
<script>
$(function() {
var attr = [[1,2],[3,4,5],[6,7,8]];
var $table = $('<table width="100%" border="1" />');
var $trs = null;
attr.reverse().forEach(a => {
if ($trs) {
$trs = $.map(a, v => {
var $td = $('<td />').text(v).attr('rowSpan', $trs.length);
var $trs2 = $trs.clone();
$trs2.first().prepend($td);
return $trs2.toArray();
});
$trs = $($trs);
} else {
$trs = $.map(a, v => $('<tr />').append($('<td />').text(v))[0]);
$trs = $($trs);
}
});
$table.append($trs);
$('#J_div').append($table);
});
</script>
<div id="J_div">
</div>
</body>
</html>
或者说vue来实现,这个 var attr = [[1,2],[3,4,5],[6,7,8]];
数据不应该这样?
vue肯定可以实现
你也可以直接把jq套进去用