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.
- Summary
- Abstract
- Description
- Claims
- Application Information
AI Technical Summary
Problems solved by technology
Method used
Image
Examples
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...
PUM
Abstract
Description
Claims
Application Information
- R&D Engineer
- R&D Manager
- IP Professional
- Industry Leading Data Capabilities
- Powerful AI technology
- Patent DNA Extraction
Browse by: Latest US Patents, China's latest patents, Technical Efficacy Thesaurus, Application Domain, Technology Topic, Popular Technical Reports.
© 2024 PatSnap. All rights reserved.Legal|Privacy policy|Modern Slavery Act Transparency Statement|Sitemap|About US| Contact US: help@patsnap.com