[发明专利]在不同尺寸屏幕下页面表格操作列吸顶的方法在审
申请号: | 202111467443.8 | 申请日: | 2021-12-02 |
公开(公告)号: | CN114115880A | 公开(公告)日: | 2022-03-01 |
发明(设计)人: | 方添荣;陈斯敏 | 申请(专利权)人: | 深圳前海环融联易信息科技服务有限公司 |
主分类号: | G06F8/38 | 分类号: | G06F8/38;G06F8/30;G06F16/958 |
代理公司: | 深圳市中科创为专利代理有限公司 44384 | 代理人: | 冯建华;彭涛 |
地址: | 518000 广东省深圳市前海深港合作区前*** | 国省代码: | 广东;44 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 不同 尺寸 屏幕 页面 表格 操作 列吸顶 方法 | ||
1.在不同尺寸屏幕下页面表格操作列吸顶的方法,其特征在于,包括如下步骤:
步骤S1,准备好两个表格标签,表格A和表格B;
步骤S2,表格A按正常的表格数据渲染出来,包括操作列渲染;
步骤S3,给表格A的父级元素添加CSS属性:position:relative;
步骤S4,表格B只渲染表格A中的操作列数据,并添加CSS属性:position:absolute;right:0px;top:0px;
步骤S5,表格B与表格A作为兄弟元素。
2.如权利要求1所述的在不同尺寸屏幕下页面表格操作列吸顶的方法,其特征在于,所述步骤S2中,浏览器渲染表格A数据的过程,包括如下步骤:
步骤S21,采用HTML和JavaScript语言对文档对象模型进行编程,文档对象模型(Document Object Model),当网页被加载时,浏览器会创建页面的文档对象模型;
步骤S22,采用CSS和JavaScript语言对CSS对象模型进行编程,CSS对象模型(CSSObject Model),是对CSS样式表的对象化表示;
步骤S23,文档对象模型和CSS对象模型进入渲染树进行数据渲染;
步骤S24,进入页面元素外层进行绘画。
3.如权利要求1所述的在不同尺寸屏幕下页面表格操作列吸顶的方法,其特征在于,所述步骤S4中,表格B只渲染表格A中的操作列,使得实际上表格B数据是表格A的数据中的操作列数据。
4.如权利要求3所述的在不同尺寸屏幕下页面表格操作列吸顶的方法,其特征在于,所述步骤S5中,将表格B与表格A放入同一个父级元素标签内,使表格B与表格A成为兄弟元素。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于深圳前海环融联易信息科技服务有限公司,未经深圳前海环融联易信息科技服务有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/202111467443.8/1.html,转载请声明来源钻瓜专利网。