005--Easyui的datagrid实现宽度自适应

最新推荐文章于 2019-08-28 16:27:51 发布

Code_小生

最新推荐文章于 2019-08-28 16:27:51 发布

阅读量7.5k

点赞数

分类专栏： easyui的使用文章标签： datagrid宽度自适应宽度 easyui

本文链接：https://blog.csdn.net/tom_code/article/details/78520427

版权

最近因为datagrid的宽度问题，结果被提BUG了，郁闷·····
产生问题的背景：
其实就是在页面显示的某一列的字数比较长或者特别长的时候，页面无法一次性显示完毕所有的字，所以特地看了一下自适应宽度，有3个就显示3个字宽度，有7个就显示7个字的宽度···比较灵活！
废话不多说，直接码代码：

//easyui的datagrid宽度自适应扩展方法
    $.fn.extend({
         resizeDataGrid : function(heightMargin, widthMargin, minHeight, minWidth) {
   
          var height = $(document.body).height() - heightMargin;
          var width = $(document.body).width() - widthMargin;

          height = height < minHeight ? minHeight : height;
          width = width < minWidth ? minWidth : width;

          $('#wiserecordloandg').datagrid(