当前位置: 首页 > article >正文

【ag-grid】列宽设置不生效探索

发现使用sizeColumnsToFit()会覆盖默认设置的宽度

解决方案1

给某一列的列定义设置为suppressSizeToFit设置为:true

核心代码:

gridColumns: (ColDef | ColGroupDef)[] = [
  {
    checkboxSelection: true,
    headerCheckboxSelection: true,
    suppressSizeToFit: true, // Set true to remain fixed width
    width: 30
  }
]

解决方案2

另外一种方式不用设置suppressSizeToFit,通过设置maxWidth: 30发现也可以实现效果

gridColumns: (ColDef | ColGroupDef)[] = [
   {
     checkboxSelection: true,
     headerCheckboxSelection: true,
     maxWidth: 30
   }
]

参考文档:
https://www.ag-grid.com/javascript-data-grid/column-sizing/#auto-size-columns-to-fit-grid


http://www.kler.cn/a/287960.html

相关文章:

  • 嵌入式硬件电子电路设计(五)MOS管详解(NMOS、PMOS、三极管跟mos管的区别)
  • AlphaFold3中文使用说明
  • @Autowired 和 @Resource思考(注入redisTemplate时发现一些奇怪的现象)
  • Springboot 使用EasyExcel导出含图片并设置样式的Excel文件
  • 《基于Oracle的SQL优化》读书笔记
  • Android CCodec Codec2 (二一)InputBuffers
  • 基于vue框架的超市管理系统y9992(程序+源码+数据库+调试部署+开发环境)系统界面在最后面。
  • Linux_kernel简介01
  • JavaEE 第21节 UDP数据报结构剖析
  • 【区块链 + 物联网】可信保密的海洋大数据分析平台 | FISCO BCOS应用案例
  • SpringAOPSpring事物管理
  • UE5蓝图 抽卡出货概率
  • 批量替换字符串中的某子串序列为对应的另一子串序列(z3求解器解多元方程时很好用)
  • 【C#】字段
  • 在麒麟系统安装php7.4中遇到的问题
  • uniapp微信小程序3D XR-FRAME
  • 机器学习之监督学习(二)逻辑回归(二元分类问题)
  • 【ESP32】mqtt 发送和接收
  • 半导体是什么?
  • Spark MLlib模型训练—回归算法 Random forest regression
  • 【uniapp重大bug】uni-data-select的localdata改变,也会触发@change方法
  • Unity(2022.3.41LTS) - UI简介,了解
  • 鸿蒙(API 12 Beta3版)【媒体资源使用指导】Media Library Kit媒体文件管理服务
  • PHP高效进销存管理系统智能管理库存销售与采购系统小程序源码
  • Java 实现二叉树展平为链表
  • python打包 exe 提示no module named flask