miniui datagrid 创建表格

（1）html中创建

  

                    

                        

                        

                            

                                

                                    1
                                
                                

                                    2
                                
                            
                        
                    
                

相关js代码如下

$(function() {
        mini.parse();
        InitMedcondGrid(); 
    });
///初始化列表内容
function InitMedcondGrid  () {
    var grid = mini.get(“YourGridId”);
    grid.load();
}

(2)在js中设置datagrid

html:

js:

$(function() {
        mini.parse();
        InitMedcondGrid(); 
    });

function DrugDataGridInt () {
    var columns = [
        { type: "indexcolumn" },
        { field: 'id', header: '编号', width: 50, align: 'left', visible: false },

        { field: 'code', header: '编码', width: 120, headerAlign: 'center',autoescape:true },
        { field: 'name', header: '名称', width: 200, headerAlign: 'center', autoescape: true }
    ];

    var grid = mini.get("YourGridId"); 
    grid.set({
        url: YourUrl,
        sizeList: [50,100],
        pageSize: 50,
        columns: columns,
        allowAlternating: true, //显示间行色
        multiSelect: true,
        fitColumns: false, //使用过滤行必须设定这个全充满，否则会有列对齐问题。
        allowCellEdit: true,
        allowCellSelect: true, 
        showFilterRow: false,
        showModified: false,
        allowMoveColumn: false);
    grid.load(); 
}