动态表格如何合并

Question

动态生成表格，共有三列，如何使最后一行合并成两列

Answer 1

<table id="tb1" width="204" height="104" border="1" cellpadding="0" cellspacing="0">
  <tr>
    <td scope="col">A</td>
    <td scope="col">B</td>
    <td scope="col">C</td>
  </tr>
  <tr>
    <td scope="row">1</td>
    <td>2</td>
    <td>3</td>
  </tr>
  <tr>
    <td scope="row">a</td>
    <td>b</td>
    <td>c</td>
  </tr>
</table>
<button onclick="merger()">合并</button>
<script>
function merger(){
var tb=document.getElementById('tb1');
var tds=tb.rows[tb.rows.length-1].cells;
  tds[0].colSpan=2
  tds[1].remove() 
  }
</script>

Answer 2

用JQ，少写点    function merger(){
      var tds=$('#tb1 tr:last td');
      tds[0].colSpan=2
      $(tds[1]).remove()
  }

Answer 3

哈大哥用过kendoui吗小弟最近做项目新人，有点蒙啊