layui.table单元格控件

一、layui.table单元格控件(时间控件laydate、单元格下拉控件xm-select等)

1、设定表头处,利用templet为其单元格加上id,方便其后以此id来指定控件。

2、善用每列的event，可通过检测所点击的单元格所在的行和列来触发相应事件。（如点击时才弹出控件laydate)

3、设置Done使得控件下拉框不被遮挡

Done:

var tableDone = function(res){

           // 設置下拉框不會被表格遮擋
        //     $(".layui-table-cell").css('overflow','visible');
            $(".layui-table-body").css('overflow','visible');
    	    $(".layui-table-box").css('overflow','visible');
    	    $(".layui-table-view").css('overflow','visible');
    	    
            tableMerge.render(this);
        
            form.render();
            
        }

// // elem, id, url, where, limit, cols, page, height, toolbar, defaultToolbar, loading, filters,  title, cellMinWidth, data, done
// // limit為必填項

 mytable.tableShow('#LAY_table_front', 'LAY_table_front', '', '', 20, frontcol, false, 'auto', false, '', false, '','', 15, frontData,tableDone)

(1)checkbox等

col = [
    {field:'spotresult', title:'結果', templet:function(d){
        var str = '<input type="checkbox" id="spotresult" v