LigerUI表格插件的问题

Question

需求用LigerUI表格实现
1.tab页已经做好，并且是动态的tab页
2.主要是grid的列合并和复选框根据条件有的有，有的没有，不知道怎么实现？？？（实现数据对比的功能）ligeruigrid 合并单元格  数据对比

Answer 1

可以看看 LigerUI grid有 创建行事件，我找了找没找到
如没有的话
在 grid 加载完数据后  用脚本去 指定rowspan  
及根据条件控制 checkbox 是否显示。

Answer 2

有没有相关代码呢？
根据  LigerUI grid 创建的dom  用jquery 去遍历 
指定 td的rowspan
这个看生成的dom元素 做更改啊

Answer 3

直接ajax加载需要的数据，直接用DOM生成表格还容易，没用过这个插件，晓不得怎么配置。。楼主还是学下基础，插件不是万能的。。写了个demo，自己参考
<style>
table.good{background:#000000;width:100%}
table.good td{background:#ffffff}
</style>
<table class="good" cellpadding="5" cellspacing="1"><tbody id="tb">
<tr><td>井号</td><td>日期</td><td>数据来源</td><td></td><td>含水量</td><td>..</td><td>生产时间</td><td>..</td><td></td><td></td><td>审核不通过？</td><td>未通过原因</td></tr><tr id="tmpAct" style="display:none"><td rowspan="2"></td><td rowspan="2"></td><td>上报</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td rowspan="2"><input type="checkbox" /></td><td rowspan="2"></td></tr>
<tr id="tmpDB" style="display:none"><td>数据库</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
</tbody>
</table>
<script>
    window.onload = function () {
        var data = [//数据改为动态获取到的
    { No: 'A1', date: '2013-6-8', db: { water: 23.8, time: 23/*..其他*/ }, act: { water: 23, time: 23/*..其他*/} },
    { No: 'A2', date: '2013-6-8', db: { water: 23, time: 23/*..其他*/ }, act: { water: 23, time: 23.2/*..其他*/} }
        //...更多
    ];
        var tmpDB = document.getElementById('tmpDB'), tmpAct = document.getElementById('tmpAct'), tb = document.getElementById('tb')
        , tr1, tr2, checkbox;
        for (var i = 0; i < data.length; i++) {
            tr1 = tmpAct.cloneNode(true);
            tr2 = tmpDB.cloneNode(true);
            tr1.style.display = tr2.style.display = '';
            tb.appendChild(tr1);
            tb.appendChild(tr2);
            tr1.cells[0].innerHTML = data[i].No;
            tr1.cells[1].innerHTML = data[i].date;
            //....
            tr1.cells[4].innerHTML = data[i].act.water
            tr2.cells[2].innerHTML = data[i].db.water//注意数据库那列由于跨行了，所有注意列下标比实际的小2
            if (data[i].act.water != data[i].db.water) tr1.cells[4].style.color = tr2.cells[2].style.color = 'red';
            //如果还有哪些条件哪为需要设置颜色的自己判断下不相同设置对应td的color
            tr1.cells[6].innerHTML = data[i].act.time
            tr2.cells[4].innerHTML = data[i].db.time;
            if (data[i].act.time != data[i].db.time) tr1.cells[6].style.color = tr2.cells[4].style.color = 'red';
            //...其他列的内容            ///....显示checkbox的要求没看明白什么东东。。如果不需要使用下面注释的代码删除掉
            //checkbox = tr1.cells[10].getElementsByTagName('input')[0];
            //tr1.cells[10].removeChild(checkbox);
        }
    }
</script>

Answer 4

求1L的代码，怎么用LigerUI实现跨行？