首页 > 代码库 > easyui datagrid 列的内容超出所定义的列宽时,自动换行

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

2024-09-04 10:35:20   214人阅读

 在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 列的内容超出所定义的列宽时,自动换行


联系
我们