jquery easyui 数据表格datagrid 如何使右侧的 空白去掉

$(function(){
    $('#box').datagrid({
        url:'PlatformUser/getPlatFormUserList',
        width:900, 
        //height:280,
        striped:true,//奇偶行显示不同颜色
        fitColumns:true,
        title:'用户列表',
        singleSelect:true,
        loadMsg:'我在家载。。。亲',
        rownumbers:true,//显示行号
        iconCls:'icon-search',
        singleSelect: true,
    //    showHeader : true,  显示行头
        showFooter : false,
    //    scrollbarSize : 200,  
        //nowrap :false ,了解
         fitColumns :true,//了解 很重要   右边的 打空格可以消失    需要 加上 设为true
        columns:[[
                 {
                halign:'right',    
                align:'center',    
                field:'name',
                title: '姓名',
                sortable:true,    
                width:100,   设为100
              /*  formatter : function (value,row,index) {
                    //console.log(value);
                    //console.log(row);
                    //console.log(index);
                    return '[' + value + ']';  //加了 一个外边框  提高用户体验度
                    },
                    
                    styler : function (value,row,index) {  //一个单元格
                        if (value == '张三') {
                        return 'background-color:red';
                        }
                        },*/
               // resizable:true,
              //  resizable:true,
                 },
                 {
                resizable:true,    
                halign:'right',    
                align:'center',    
                field:'userName',
                 title:    '用户名',
                 sortable:true,
                 width:100,  设为100
                 //hidden:true,  hiden没有什么意义  
                 },
                 {
                resizable:true,    
                halign:'right',    
                align:'center',    
                field:'mobileNo',
                 title: '手机号码',
                 sortable:true,
                  width:100,   设为100
                 },
                 {
                resizable:true,    
                halign:'right',    
                align:'center',    
                field:'email',
                 title: '电子邮箱',
                 sortable:true,
                 width:100, 设为1000
                 },                   
 

                  
                  
                  
                  
                  ]],
                  
    /*data:[{name : '蜡笔小新',
            userName : '[email protected]',
            mobileNo : '2014-10-1',
            
            
        }]
        ,*/    
                  
                  rowStyler : function (index, row) { //所有的单元格  与 前面的比较一下   styler
                      console.log();
                      if (row.name == '张三') {
                      //也可以直接返回一个CSS 的class 名
                      return 'background-color:orange';
                      }
                      },              
                  
    idField:"id",              
    pagination :true,
    pageSize :10,    
    pageList :[10,20,30],    
    remoteSort:false,    
        
    queryParams:{
        id:1,
        
    },
        
        
        
    });
    
    
    
    
    
    
    
    
    
    
    
    
    
    
});



按照红色标记的地方   就可以实现












你可能感兴趣的:(jquery easyui 数据表格datagrid 如何使右侧的 空白去掉)