首页 > 其他 > 详细

easyui datagrid 列的内容超出所定义的列宽时,自动换行

时间:2017-02-15 15:24:43      阅读:1020      评论:0      收藏:0      [点我收藏+]

 在datagrid中添加一句,DataGrid属性中的nowrap:false。

技术分享(默认为true)。

注意nowrap不是列属性, <th data-options="field:‘roleName‘,width:60,align:‘center‘,nowrap:false">xxx</th>   这样是不行的。

 

需要写在datagrid中

eg:

html:

 

<table id="_main_table"> 
   <thead> 
    <tr> 
     <th data-options="field:‘id‘,width:20">id</th>  
     <th data-options="field:‘doctorName‘,width:40,align:‘center‘">医生</th> 
     <th data-options="field:‘roleName‘,width:100,align:‘center‘">医生角色</th>     
     <th data-options="field:‘img‘,align:‘center‘,width:50,formatter:_opformatter2">操作</th> 
    </tr> 
   </thead> 
  </table> 

 

 

 

js:

    $(‘#_main_table‘).datagrid({
                        method:‘get‘,
                         url: ‘xxxxx‘,
                         checkbox:true,
                         pagination: true,
                         fit: true,
                         cache:false, 
                         fitColumns: true,
                         border: false,
                         rownumbers: true,
                         nowrap:false,                     
                         frozenColumns:[[
                                        {field:‘id‘,checkbox:true,hidden:true}
                                    ]],        
                         loadFilter: function(data) { return data.data;
                         },
                        });

效果:

技术分享

 

easyui datagrid 列的内容超出所定义的列宽时,自动换行

原文:http://www.cnblogs.com/hellokitty1/p/6401217.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!