easy ui datagrid 列数据格式换行

最新推荐文章于 2023-06-15 11:16:43 发布

IS__ME

最新推荐文章于 2023-06-15 11:16:43 发布

阅读量3.2k

点赞数 4

CC 4.0 BY-SA版权

分类专栏： easy UI 文章标签： datagrid 格式换行 easy ui 列

本文链接：https://blog.youkuaiyun.com/zhangzhu7727/article/details/53126062

easy UI 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种在 EasyUI Datagrid 中解决列数据过长导致展示不全的问题的方法。通过自定义格式化函数 formatBr 实现了列内数据的按长度换行显示，确保了数据完整性和易读性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在使用easy ui datagrid 列表的时候有时候会因为列数据过长导致数据在列内展示不全，

在使用中本人对此进行了一个格式化的操作具体如下：

{field:'enterprise.name',title:'企业名称',width:200,formatter:function(value, row, index) {
						var va=eval("row." + $(this).attr("field"));
						return	formatBr(2,va);
 
					},sortable:true},

/**

 *len我是每行的长度

 *value我是谁？

 */

function formatBr(len,value){

   var slengh=value.length;

   var restr="";

   var flag=true;

   for (var i=1;i<=100;i++){

      len2=i*len;

      if(slengh>=len2){

         flag=false;

         restr+=value.substring(len2-len,len2)+"</br>"

      }else{

       break;

      }

  }

    if(flag){

       restr+=value;

    }else{

       if(len2-len<=value.length-1){

          restr+=value.substring(len2-len, value.length)

       }

     

    }
   return restr;

}

说明：len 是本列显示多少字，后续会换行展示，value是展示的数据

效果如下