easyui datagrid 列数据太多显示不完

最新推荐文章于 2021-05-28 10:50:47 发布

原创最新推荐文章于 2021-05-28 10:50:47 发布 · 5.9k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#easyui datagrid 列内容太多

java web 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种处理表格中过长数据的方法，通过设置特定的字段格式，使得在鼠标悬停时能够完整显示超出单元格范围的内容，提高了用户体验。

当某一列的数据太多，在单元格中无法全部显示时，可以采用如下方式：

{
    field : 'cust_telphone',
    title : '联系电话',
    width : '10%',
}, {
    field : 'cust_product',
    title : '关注产品',
    width : '20%',
    formatter: function(value,row,index){
        return '<span title='+value+'>'+value+'</span>';
    }
}

效果就是：当鼠标移到这一列上时，以弹窗的方式显示全部。