Looking for breakthrough ideas for innovation challenges? Try Patsnap Eureka!

A method and device for realizing row/column locking of web page table

A table and webpage technology, applied in the field of row/column locking of webpage tables, can solve the problems of destroying webpage tables, time-consuming and laborious maintenance, cumbersome process, etc., to facilitate later maintenance, maintain integrity, and avoid rearranging the layout.

Active Publication Date: 2020-07-24
ULTRAPOWER SOFTWARE
View PDF9 Cites 0 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

[0005] The present invention provides a method and device for realizing row / column locking of a web page form, so as to solve the problems in the prior art, such as cumbersome process, time-consuming and labor-intensive process and difficult maintenance caused by destroying the structure of the original web page form

Method used

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
View more

Image

Smart Image Click on the blue labels to locate them in the text.
Viewing Examples
Smart Image
  • A method and device for realizing row/column locking of web page table
  • A method and device for realizing row/column locking of web page table
  • A method and device for realizing row/column locking of web page table

Examples

Experimental program
Comparison scheme
Effect test

Embodiment 1

[0037] figure 1 It is a flowchart of a method for realizing row / column locking of a web page table in an embodiment of the present invention, see figure 1 In this embodiment, the method for realizing the row / column locking of the webpage table includes the following steps:

[0038] Step 101, obtain the Document Object Model DOM tree corresponding to the hypertext markup language HTML document where the original table is located, create a new table at the same level as the original table in the DOM tree, and set the row / column to be locked between the new table and the original table be consistent in style and content;

[0039] In this embodiment, row / column means row or column.

[0040] Step 102, obtaining the position of the row / column to be locked in the original form on the page, and moving and cascading the new form to the position of the row / column to be locked in the original table;

[0041] Step 103, when the original form below the stack is scrolled, keep the new fo...

Embodiment 2

[0045] In this embodiment, how to achieve the locking effect of the web page table column is schematically described. However, it should be noted that the technical solution of the present invention is not limited to implementing column locking, and may also implement row locking or row locking or column locking at the same time, without any limitation.

[0046] figure 2 It is a flow chart of a method for realizing row / column locking of a web page table according to another embodiment of the present invention, see figure 2 , the process of the method for realizing the column locking of the webpage table in this embodiment includes:

[0047] First, obtain the HTML (Hypertext Markup Language, Hypertext Markup Language) document where the web page table that needs to add the column locking function is located, and find the table tag of the original web page table. The HTML document is parsed using a DOM (Document Object Model, Document Object Model) tree to obtain a DOM tree ...

Embodiment 3

[0053] Figure 3a It is a schematic diagram of the cascading display effect of the original table before scrolling in an embodiment of the present invention, Figure 3b It is a schematic diagram of the column locking effect when the original table is scrolled according to an embodiment of the present invention, combined below Figure 3a , Figure 3b as well as Figure 3a with Figure 3b For the corresponding part of the code, the realization process and the realization effect of the web page table column locking in this embodiment are described in detail.

[0054]

[0055]

[0056] In this embodiment, it can be seen from the above code that the parent node of the original table is a Div block, the value of the overflow attribute of the CSS of the Div block is automatic (ie overflow:auto), and the width attribute is a predetermined threshold (ie width:200px). When the parent node of the original table (that is, the first table that appears in the div) is a div tag wit...

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to View More

PUM

No PUM Login to View More

Abstract

The invention discloses a method and device for achieving locking of webpage table rows / lines. The method comprises the steps of obtaining a document object model (DOM) tree corresponding to a hypertext markup language (HTML) file in which an original table is located, newly constructing a table which is the same level as the original table in the DOM tree, and setting the patterns of to-be-locked rows / lines of the original table to be the same as that of to-be-locked rows / lines of the new table, and the content of the to-be-locked rows / lines of the original table to be the same as that of to-be-locked rows / lines of the new table; obtaining the position of the to-be-locked rows / lines in a page of the original table, and moving and laminating the new table to the position of the to-be-locked rows / lines of the original table; when the original table below the lamination rolls, by controlling the new table above the lamination, maintaining the new table to be stable. According to the method and device for achieving locking of the webpage table rows / lines, the technical scheme in which locking of the webpage table rows / lines is simply, and conveniently achieved with lower invasion is provided. Through the technical scheme, the DOM structure of the table of the original webpage does not need to be split, the structural entirety of the original table is thus maintained, the original functions are not influenced, and the later maintenance is easily conducted.

Description

technical field [0001] The invention relates to the technical field of the Internet, in particular to a method and a device for realizing row / column locking of a web page table. Background technique [0002] In recent years, with the rapid development of network systems, the application of B / S (Browser / Server, browser / server) architecture has become more and more extensive, and the effect of displaying Web pages (that is, web pages) has become more and more The more diverse. From the simple text and picture page display in the early days to the rich and colorful multimedia display methods, various page display methods try their best to meet people's increasing design needs. The web form table is one of the elements that can meet the user's display needs and facilitate people to layout the web page. [0003] Due to the limited width of the computer screen, in many cases, when the webpage table has a lot of data and is very wide, horizontal dragging will not be able to see t...

Claims

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to View More

Application Information

Patent Timeline
no application Login to View More
Patent Type & Authority Patents(China)
IPC IPC(8): G06F16/248G06F40/18
CPCG06F16/248G06F40/18
Inventor 王泓崴王庆磊韩炳海
Owner ULTRAPOWER SOFTWARE
Who we serve
  • R&D Engineer
  • R&D Manager
  • IP Professional
Why Patsnap Eureka
  • Industry Leading Data Capabilities
  • Powerful AI technology
  • Patent DNA Extraction
Social media
Patsnap Eureka Blog
Learn More
PatSnap group products