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

简介: 在datagrid中添加一句,DataGrid属性中的nowrap:false。 (默认为true)。 注意nowrap不是列属性, xxx   这样是不行的。   需要写在datagrid中 eg: html:   id ...

 在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;
                         },
                        });

效果:

 

相关文章
|
4月前
EasyUI datagrid 从左至右递归合并表格
EasyUI datagrid 从左至右递归合并表格
34 2
|
4月前
EasyUI DataGrid 假分页
EasyUI DataGrid 假分页
54 0
|
4月前
|
JavaScript 前端开发
EasyUi js 加载数据表格DataGrid
EasyUi js 加载数据表格DataGrid
|
4月前
|
前端开发
easyui datagrid 的 tip实现
easyui datagrid 的 tip实现
113 0
|
4月前
|
JSON 监控 数据格式
Easy UI datagrid的学习
Easy UI datagrid的学习
|
10月前
Easyui datagrid 编辑结束时combobox显示value而不显示text
Easyui datagrid 编辑结束时combobox显示value而不显示text
|
10月前
EasyUI中datagrid的行编辑模式中,找到特定的Editor,并为其添加事件
EasyUI中datagrid的行编辑模式中,找到特定的Editor,并为其添加事件
145 0
|
10月前
EasyUI DataGrid 可编辑列级联操作
EasyUI DataGrid 可编辑列级联操作
|
10月前
easyui datagrid reload后自动全选解决
easyui datagrid reload后自动全选解决
|
10月前
EasyUI Datagrid 分页事件
EasyUI Datagrid 分页事件