Method and device for adjusting table column width

Abstract

The purpose of this application is to provide a method and device for adjusting the column width of a table. Specifically, according to the current location information of the operation point, it is determined that the operation point is in the trigger area; after the adjustment trigger operation performed by the operation point in the trigger area is acquired, Acquiring the column width information of the table with the current position information of the relevant cell; displaying the table according to the column width information of the table. Compared with the prior art, the technical solution of the present application determines that the operation point is in the trigger area according to the current position information of the operation point, and only when the operation point enters the trigger area, the adjustment calculation of the column width will not cause the original DOM The change of the structure, so the intrusion is relatively low, and it will not conflict with other plug-ins that act on the table, so the adaptability is better, and it can also adapt to the elastic layout.

Description

technical field [0001] The present application relates to the field of computers, in particular to a method and device for adjusting the column width of a table. Background technique [0002] With the wide application of computer and Internet technology, the contents of web pages are becoming more and more abundant. For tables in web pages, especially HTML (Hyper Text Markup Language, hypertext markup language) [0003] [0004] [0005] [0006] [0007] [0008] [0009] [0010] [0011] [0012] [0013] [0014] [0015] [0016] [0017] [0018] [0019] [0020] [0021] [0022] [0023] [0024] [0025] [0026] [0027] [0028] [0029] [0030] [0031] [0032] [0033] [0034] [0035] [0036] [0037] [0038] [0039] [0040] [0041] [0042] [0043] [0044] [0045] [0046] [0047] [0048] [0049] [0050] [0051] [0052] [0053] [0054] [0055] [0056] [0057] [0058] [0059] ...

AI Technical Summary

Problems solved by technology

In this way, if it is an adaptive elastic layout, when the size of the browser window changes and the position of the table cells changes, the position of the transparent element does not change, so after the table size changes according to the elastic layout, there will be problems in the calculation of the column width

[0004] 2. Too intrusive, easy to conflict with other plug-ins that act on tables

This implementation is to avoid the first situation, and put the positioned elements in each cell of the table header. Although this solves the element positioning problem under the elastic layout, but because the DOM inside the table is changed (Document Object Model, Document Object Model) structure, which may lead to the failure of the original binding element

[0005] 3. When a column is widened, the entire table will also be widened, which will cause the overall width of the table to change, instead of keeping the overall size of the table at the size occupied by the container when loading, which will destroy the original layout method

[0006] 4. The problem of hidden columns cannot be solved. When there are hidden columns on both sides of the dragged column dividing line, the dragging will fail

[0007] 5. It cannot adapt to the large horizontal width of the web page and the horizontal scroll bar, and a positioning error will occur at this time

[0008] 6. Unable to solve the problem of column width dragging when the table header is fixed

Images