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

【Oracle APEX开发小技巧10】CSS样式控制交互式报表列宽和自动换行效果

在实际开发中使用交互式报表可能会出现某些字段的列宽过长,某些字段的列宽只有缩到一角的情况,那么如何解决这种情况呢?有没有方法可以控制交互式报表的列宽呢?下面就来介绍一下解决方法:

页设置-页-CSS-内嵌

输入如下代码:

/* 允许超出长度换行 */
.a-IRR-table th, .a-IRR-table td {
    white-space: normal; /* 允许文本换行 */
    word-wrap: break-word; /* 长单词换行 */
}

/* 根据需要继续添加其他列的宽度 */
.a-IRR-table th:nth-child(1), .a-IRR-table td:nth-child(1) {
    width: 50px; /* 设置第一列的宽度 */
}
.a-IRR-table th:nth-child(2), .a-IRR-table td:nth-child(2) {
    width: 100px; /* 设置第二列的宽度 */
}
.a-IRR-table th:nth-child(3), .a-IRR-table td:nth-child(2) {
    width: 400px; /* 设置第三列的宽度 */
}
.a-IRR-table th:nth-child(4), .a-IRR-table td:nth-child(2) {
    width: 100px; /* 设置第四列的宽度 */
}

应用之前:

应用之后:

长度固定且自动换行

长度固定,不再是被挤到一角

 方法二:
交互式网格-操作-列-对应想要调整的列字段-最小列宽(像素)设置对应的值,这样也能设置对应列宽,并且左右调整也不会影响相对列宽



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

相关文章:

  • 【AI】【提高认知】深度学习与反向传播:理解AI的基础
  • 数据结构之线段树
  • 【Java知识】Java基础-对象排序的实现
  • 【逆向基础】十八、PE文件格式(三)
  • python 获取鼠标点击的实时位置案例
  • C++ 编程基础(4)函数 | 4.1、函数概述
  • Python语言的12个基础知识点小结
  • Vivo手机怎样才能投屏到别的安卓手机上去?
  • 【react如何在chrome浏览器里面调试?】
  • 【论文速看】DL最新进展20241104-自动驾驶、图像超分、目标检测
  • 【大数据学习 | kafka】kafka的数据存储结构
  • Android 部署web服务器
  • 中央处理器 II
  • Spring Boot 注解大全:全面解析 Spring Boot 常用注解及其应用场景
  • Rust 力扣 - 3090. 每个字符最多出现两次的最长子字符串
  • elasticSearch 7.12.1 Docker 安装ik分词
  • df.transform函数的使用
  • Rust 力扣 - 1423. 可获得的最大点数
  • Java 用户随机选择导入ZIP文件,解压内部word模板并入库,Windows/可视化Linux系统某麒麟国防系统...均可适配
  • 江协科技STM32学习- P30 FlyMCU串口下载STLink Utility
  • 【基础】os模块
  • 2024年10款专业的PDF合并工具帮你实现高效办公。
  • 使用 Github 进行项目管理
  • Vue中props和data的优先级哪个更高?
  • 联丰策略股票交易市场上周五股票ETF市场紫金净流入68亿元
  • 通过自定义指令实现图片懒加载