天翎MyApps技术社区 - 低代码平台 | 流程管理系统 | BPM软件

 找回密码
 注册成为天翎用户
查看: 709|回复: 3

[已解决] 视图表头合并样式写法

[复制链接]
打的去埃及 发表于 2022-2-10 15:05:22 | 显示全部楼层 |阅读模式
【myApps/OBPM版本号】:v5.0
【浏览器类型】:Chrome/其他
【联系方式-QQ】:894126171
【联系电话】:    请留下您的联系电话,以便技术同事更好解决您的问题
【问题描述】:想要实现一个操作列功能,具体样式见下图。结合myapps特性,能否通过CSS样式合并视图表头的实现?












本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?注册成为天翎用户

x
 楼主| 打的去埃及 发表于 2022-2-10 17:42:54 | 显示全部楼层
在“天翎 Chain”老师指导下,达成一个折中的方案,基本可以满足,具体知识点记录如下,愿能帮助到有缘人。请结贴!

一、合并表头:通过平台的二级列头识别的写法实现。格式改成:操作__跳转、操作__删除。特别注意,是两条下划线!
效果如图:

二、之前写好的按钮CSS样式没有了,之前可以通过按钮ID绑定样式,按上述操作后按钮找不到ID了,怎么绑定按钮样式呢?
  1. /*  之前的代码  */
  2. #operateId {
  3.     background-color: #4CAF50; /* 绿色背景 */
  4.     border: none; /* 边框 */
  5.     color: white; /* 白色文本 */
  6.     padding: 8px 16px; /* 内边距离、 */
  7.     cursor: pointer; /* 指针/手形图标 */
  8.     float: left; /* 并排浮动按钮 */
  9.     text-align: center;
  10.     text-decoration: none;
  11.     display: inline-block;
  12.     font-size: 8px;/* 按钮大小 */
  13. }

  14. /*之后的代码*/
  15. table button {
  16.     background-color: #4CAF50; /* 绿色背景 */
  17.     border: none; /* 边框 */
  18.     color: white; /* 白色文本 */
  19.     padding: 8px 16px; /* 内边距离、 */
  20.     cursor: pointer; /* 指针/手形图标 */
  21.     float: left; /* 并排浮动按钮 */
  22.     text-align: center;
  23.     text-decoration: none;
  24.     display: inline-block;
  25.     font-size: 8px;/* 按钮大小 */
  26. }
复制代码


本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?注册成为天翎用户

x
admin 发表于 2022-2-11 13:42:43 | 显示全部楼层
很棒,结帖了哈
 楼主| 打的去埃及 发表于 2022-2-11 13:46:12 | 显示全部楼层
问题已解决,请结贴!

本版积分规则

QQ|手机版|天翎MyApps技术社区 ( 粤ICP备11093750号 )

GMT+8, 2026-8-12 15:37

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表