easyui-datagrid列的数据内容过长自动换行

简介: 在datagrid中添加一句,DataGrid属性中的nowrap:false。(默认为true)。  JS文件:$('#_main_table').datagrid({ method:'get', ...

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

(默认为true)。

 

 

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

 

 

效果图:

 

 

 

 参见,  HTML <td> 标签的 nowrap 属性

 

<html>
<body>

<table border="1">
  <tr>
    <th>Poem</th>
    <th>Poem</th>
  </tr>
  <tr>
    <td nowrap="nowrap">Never increase, beyond what is necessary, the number of entities required to explain anything</td>
    <td>Never increase, beyond what is necessary, the number of entities required to explain anything</td>
  </tr>
</table>

<p>在 HTML 4.01 中,不赞成使用 td 元素的 nowrap 属性;在 XHTML 1.0 Strict DTD 中,不支持 td 元素的 nowrap 属性。</p>

</body>
</html>

 

 

 

 

转载于:http://www.w3school.com.cn/tags/att_td_nowrap.asp

 

相关文章
easyui 只刷新当前页面的数据 datagrid reload 方法
$('#refreshbtn').click(function() { $("#t_auclot").datagrid("reload",serializeForm($('#mysearch'))); });   刷新     easyui  datagrid  re...
3986 0
|
6月前
|
JavaScript
EasyUi js 加载数据进下拉框combobox
EasyUi js 加载数据进下拉框combobox
|
6月前
|
JavaScript 前端开发
EasyUi js 加载数据表格DataGrid
EasyUi js 加载数据表格DataGrid
|
JavaScript
EasyUI的datagrid每行数据添加操作按钮的方法
EasyUI的datagrid每行数据添加操作按钮的方法
242 0
21EasyUI 数据网格- 取得选中行数据
21EasyUI 数据网格- 取得选中行数据
50 0
easyui06(datagrid数据删改)
easyui06(datagrid数据删改)
|
前端开发
easyui05(datagrid数据新增)
easyui05(datagrid数据新增)
|
JavaScript 测试技术
Easyui 实现点击不同树节点打开不同tab页展示不同datagrid表数据设计
Easyui 实现点击不同树节点打开不同tab页展示不同datagrid表数据设计
113 0
|
前端开发 测试技术
Easyui datagrid 设置内容超过单元格宽度时自动换行显示
Easyui datagrid 设置内容超过单元格宽度时自动换行显示
428 0
|
JavaScript 数据库
EasyUI_datagrid实现动态加载列并为其绑定数据
EasyUI_datagrid实现动态加载列并为其绑定数据
652 0
下一篇
无影云桌面