TABLE CONTROL隐藏列和固定列的实现

一、设置固定列

需求:为了方便对主要关心信息地查看,用户希望TABLE CONTROL左边的一列或者几列在屏幕上固定。针对用户这样子的需求,
我们首先会想到类似与屏幕编辑/可见等字段属性设置,但是此方法行不通。
解决方法:通过设置Table
Control自带的属性,定义最左边的某些列不可滚动。在Screen Layout中,双击Table
Control的右上角,弹出“表控制”属性,即可设置。如下图所示:

二、隐藏列

需求:隐藏TABEL
CONTROL的某一列或者多列,其实针对这样子的需求,我们最常想到的就是通过设置字段属性为ACTIVE或INVISIBLE,经过测试,发现,此方法无效

解决方法:通过CODING修改tabctrl-cols下的某字段可见长度。

代码如下:


DATA: ls_col LIKE LINE OF ztc_500-cols.

LOOP AT ztc_500-cols INTO ls_col WHERE screen-name = ‘WA_ADD-KOSTL‘.
IF l_hide IS INITIAL.
ls_col-vislength = 6.
ELSE.
ls_col-vislength = 0.
ENDIF.
MODIFY ztc_500-cols FROM ls_col.
ENDLOOP.

添加位置:如下图

双击如上图所示的,标记的MODULE,将代码添加,即可!

时间: 2024-08-18 11:20:59

TABLE CONTROL隐藏列和固定列的实现的相关文章

bootstrap table实现iview固定列的效果

因为bootstrap自带的固定列效果满足不了公司需求,所以借助fixed-table这个插件完成了iview固定列的效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>左右两侧固定列,中间内容可以横向拖动</title> <link rel="stylesheet" hr

SAP ABAP编程 Table Control动态隐藏列

在SAP DIALOG设计中,有时候需要动态的隐藏某些列,下面是方法. ***数据定义 CONTROLS: table_control TYPE TABLEVIEW USING SCREEN 0100.    "Table Control名称 DATA: l_col LIKE LINE OF table_control-cols.                                               "定义Table Control 列 ***在PBO中 PROC

HTML+CSS+JS实现TABLE固定列(常见浏览器兼容)的最佳实践

BS架构的企业级应用中,当一个表格列数较多时,用户一个常见的需求就是把前面几个重要的列固定住,这样拖动滚动条时固定的列会方便用户查看数据,用户体验很好.一些重量级的JS组件库也都有这个功能,那么有没有更简单的方法实现这个功能呢? 这个需求常见的解决方案是使用表格拼接的方法,这个方案如果要制作静态的网页,或者功能简单的动态页面,逻辑比较简单,技术上也不复杂,很容易实现,但是如果要做成组件,动态功能较多的话,就需要写大量的冗余代码,难以维护,甚至于一个简单的功能,都需要些很多的代码,比如事件处理等,

html - table 表格不被撑开,td某些列宽度固定某些列自适应

table-layout 属性的解释:http://www.w3school.com.cn/cssref/pr_tab_table-layout.asp 1,实现table细边框,设置如下css: table,table td,table th{border:1px solid #ff0000;border-collapse:collapse;} 2,table表格宽度固定,同时td内容过长也不会被撑开,设置如下css: table{table-layout:fixed;word-break:b

固定table的表头同时固定列

table表格是我们最常使用的数据显示一种形式,但有时候数据比较多的时候 就需要我们去固定表头,固定列.我这里用简单的css样式配合两句js脚本来实现,希望能够去帮到你. <div class="tableContainer"> <div class="sideTable"> <span>产品小类</span> <div id="sideTable"> <table> <

带表头 固定列可左右上下滑动的可分页加载的ListView

项目描述: 最近做项目,遇到一个问题,就是要求ListView既要有表头,点击表头从能够对特定的列进行排序,并且要求固定第一列,右边的其他列不固定,能够向左滑动的时候,收缩到左侧,向右滑动的时候,显示已经收缩的列,总之就是满足一个需求,一个表里面有很多个列的时候,单个屏幕显示不完所有的列,因此,就做一个可收缩的列表,用于在一个控件里面显示完表中所有的字段. 小的我参考了网上的代码,名字为demoHListView(大家可以到网上搜索下载,或者在我共享的代码中去下载),是用观察者模式来实现的效果,

表头列头固定页面

该文章主要是写了一个table页面,并固定表头或者列头,以达到excel冻结列的效果,主要使用的js的scrollTop,scrollLeft. 一.js中scrollTop及scrollLeft的使用说明 scrollTop指的是"元素中的内容"超出"元素上边界"的那部分的高度.例如:外层元素的高度值是200px,内层元素的高度值是300px.很明显,"外层元素中的内容"高过了"外层元素"本身.当向下拖动滚动条时,有部分内容

【基础】固定列宽的表格及示例演示

引言 对我来说,table 有一个非常有用,支持性也很好的 CSS 属性,但它却很少为人所知.它改变了表格的渲染方式,并生成一个更加稳定可靠的布局. 它就是: table { table-layout: fixed; } table-layout的缺省值是 auto,这个属性值及其效果大家十分熟悉.对我来说其效果十分的怪异,具体见如下演示: 查看演示效果 fixed属性值 应用 table-layout: fixed之后,查看演示效果,可以得出如下结论: 给单元格指定的宽度值生效 overflo

devexpress表格控件gridcontrol设置隔行变色、焦点行颜色、设置(改变)显示值、固定列不移动(附源码)

介绍一些常用的gridcontrol设置. 1.设置隔行变色.首先设置显示隔行变色,步骤:OptionsView-->EnableAppearanceEvenRow-->true和OptionsView-->EnableAppearanceOddRow-->true;然后设置奇数行和偶数行样式颜色等:Appearance-->EvenRow和Appearance-->OddRow.设计完成后,设计器出现隔行变色效果,如图: 2.设置奇偶行样式时,会看到其他行样式.App