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

在datagrid中添加一句，DataGrid属性中的nowrap：false。

easyui-datagrid列的数据内容过长自动换行-LMLPHP (默认为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;

                         },

                        });

效果图：

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

参见， 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>

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

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