easyui表格页面如何使他在不改变页面大小的情况下展示过长的数据
时间: 2024-05-10 07:18:15 浏览: 104
easyui页面
您可以使用easyui的datagrid组件来实现此功能。具体步骤如下:
1. 设置datagrid的宽度为固定值,例如800px。
2. 在datagrid的列属性中,将需要展示过长数据的列的宽度设置为自适应宽度(auto),例如:
```
{field:'name',title:'名称',width:'auto'}
```
3. 在datagrid的列属性中,将需要展示过长数据的列的formatter函数中,使用easyui提供的tooltip插件来展示完整数据,例如:
```
{field:'name',title:'名称',width:'auto', formatter:function(value,row,index){
return '<span title="'+value+'">'+value+'</span>';
}}
```
这样,在鼠标悬停在该列的单元格上时,就会展示完整的数据信息。同时,由于datagrid的宽度固定,所以不会改变页面大小。
阅读全文