当前位置: 代码迷 >> JavaScript >> query合并列单元格有关问题
  详细解决方案

query合并列单元格有关问题

热度:391   发布时间:2012-04-14 17:14:21.0
query合并列单元格问题
jquery实现某一列每三个单元格合并一次,单元格里的数据为三个单元格第一个单元格的数据!跪求,感谢!!!

------解决方案--------------------
HTML code

<body>
<table width="100%" border="0" id="table">
  <tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
    <td>5</td>
    <td>6</td>
    <td>7</td>
    <td>8</td>
    <td>8</td>
    <td>10</td>
    <td>11</td>
    <td>12</td>
  </tr>
    <tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
    <td>5</td>
    <td>6</td>
    <td>7</td>
    <td>8</td>
    <td>8</td>
    <td>10</td>
    <td>11</td>
    <td>12</td>
  </tr>
</table>
</body>
</html>
<script src="js/jquery-1.4.2.min.js"></script>
<script>
var tr_str="";
for(var k=0;k<$("tr").length;k++)
{
    var td_str="";
    var td_len=$("tr:eq(" + k +") td").length;
    for(var i=0;i<td_len;i++)
    {
        if(i==0 || (i+1)%3 == 1)
            td_str = td_str + "<td>" + $("td").eq(i).html() + "</td>" ;
    }
    tr_str = tr_str + "<tr>" + td_str + "</tr>"
}
$("table").html(tr_str);
</script>

------解决方案--------------------
合并单元格例子
http://www.jeasyui.com/tutorial/datagrid/datagrid13.php
  相关解决方案