Table implementation method and device, computer terminal equipment and storage medium

Abstract

The invention discloses a table implementation method. The method comprises the steps of obtaining height and width information of a table content main body and height and width information of rows and columns; wherein the table is generated by a div label; determining the table row and column number of the current visible area of the table content main body; creating an anchor point row and endowing an initial height value, and creating an anchor point column and endowing an initial width value; monitoring a div rolling event for the anchor point row and the anchor point column to obtain a rolling distance value; updating row and column contents needing to be displayed in the visible region according to the rolling distance value; and rendering the row and column contents needing to be displayed in the visible region. According to the method, the boundary values of the visible region and the target region can be more easily calculated through the div label, the rendering capability ofthe dom node of the complex table can be efficiently realized by combining the characteristics of different box models, and the performance and the efficiency are higher; the div label can avoid theworkload of the fixed column function simulated by the table label in row and column width and height calculation, and the calculated amount is small.

Description

technical field [0001] The present invention relates to the field of web front-end technology, in particular to a method for realizing a form, a device for realizing a form, a computer terminal device, and a computer-readable storage medium. Background technique [0002] With the rapid development of the Internet, the data information on the web has become a huge information warehouse. The use of the web to display more information can help people find target information more quickly and accurately, speed up information acquisition, and improve work efficiency, especially It is the information system of the toB industry that often uses tables to display a large amount of data information and integrates the unique business functions of the enterprise on this basis to improve the efficiency of enterprise staff. Web technology relies on the performance of browser rendering, and tables display large amounts of data. In particular, when the content displayed in the column cells o...

AI Technical Summary

Problems solved by technology

[0004] However, the table implemented by table has unsatisfactory performance when it comes to supporting fixed headers and fixed column content. The table tag can only achieve fixed content by rendering multiple rows and columns. Tables with the same height and width can be stacked by position cascading. Realize the floating effect of fixed content, but the problem with rendering multiple tables is that, in order to keep the width and height of the table content at the basic level and the floating level consistent, multiple dom nodes with the same content need to be rendered repeatedly. When the browser parses html, the page is rendered There is excess loss in the performance of

For modern browsers, there are no obvious performance defects in basic business applications, but when it is necessary to display a large amount of data at the same time, a large number of columns, a large number of rows, and a scene with complex cell content, an obvious performance bottleneck will occur

Images