CN112286603A - Table display method and device, electronic equipment and storage medium - Google Patents
Table display method and device, electronic equipment and storage medium Download PDFInfo
- Publication number
- CN112286603A CN112286603A CN202011042685.8A CN202011042685A CN112286603A CN 112286603 A CN112286603 A CN 112286603A CN 202011042685 A CN202011042685 A CN 202011042685A CN 112286603 A CN112286603 A CN 112286603A
- Authority
- CN
- China
- Prior art keywords
- edge
- display area
- size
- length
- display
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0485—Scrolling or panning
- G06F3/04855—Interaction with scrollbars
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/166—Editing, e.g. inserting or deleting
- G06F40/177—Editing, e.g. inserting or deleting of tables; using ruled lines
- G06F40/18—Editing, e.g. inserting or deleting of tables; using ruled lines of spreadsheets
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- Software Systems (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Health & Medical Sciences (AREA)
- Artificial Intelligence (AREA)
- Audiology, Speech & Language Pathology (AREA)
- Computational Linguistics (AREA)
- General Health & Medical Sciences (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The embodiment of the invention provides a table display method, a table display device, electronic equipment and a storage medium, wherein the size of a table to be displayed and the size of a display area for displaying the table are obtained, if the size of the table is larger than the size of the display area, the shortest first edge in the table is determined according to the size of the table, a first reference edge corresponding to the position of the first edge is determined in the display area, the length of the first reference edge is determined according to the size of the display area, and the length of the first edge is adjusted based on the length of the first reference edge so as to completely display the content of a row/column corresponding to the first edge in the table in the display area, so that the table display friendliness, the convenience in user operation and the user experience can be improved.
Description
Technical Field
The invention belongs to the technical field of data processing, and particularly relates to a form display method and device, electronic equipment and a storage medium.
Background
A form is a very widely used office tool today, and current forms usually comprise several rows and columns, with relevant information being shown in each row and column. As the use of form elements in web pages increases, various forms presentation methods are also developed in order to adapt to different page sizes.
According to the existing table display method, when the length/width of the original table is larger than the size of the display area for displaying the table in the page, only part of the table is displayed in a mode of hiding part of the content in the table, and the bottom and the side edges of the table are provided with adjusting horizontal/vertical scroll bars, so that a user can browse the content of the hidden part by adjusting the horizontal/vertical scroll bars.
However, when a browsing mode of two horizontal/vertical scroll bars is set, one of the horizontal/vertical scroll bars needs to be dragged to an end point of the sliding groove, the other horizontal scroll bar can be adjusted to browse the hidden content, a user cannot directly and quickly locate information to be read through titles in rows/columns, and only can browse the information to be read through repeatedly adjusting the horizontal/vertical scroll bars, and the form display method is very unfriendly, and very complicated in user operation, so that the user experience is seriously influenced.
Disclosure of Invention
The invention provides a form display method, a form display device, electronic equipment and a storage medium, which can improve the form display friendliness, the user operation convenience and the user experience.
In a first aspect, an embodiment of the present invention provides a table display method, where the method includes:
acquiring the size of a table to be displayed and the size of a display area for displaying the table;
if the table size is larger than the display area size, determining the shortest first edge in the table according to the table size;
determining a first reference edge corresponding to the first edge position in a display area, and determining the length of the first reference edge according to the size of the display area;
and adjusting the length of the first edge based on the length of the first reference edge so as to completely show the content of the row/column corresponding to the first edge in the table in the display area.
Optionally, the table further includes a second edge, and the second edge is an adjacent edge of the first edge in the table, and the method further includes:
adjusting the length of the second edge based on the adjusted length of the first edge;
determining a second reference edge corresponding to the position of the second edge in a display area, and determining the length of the second reference edge according to the size of the display area;
and if the adjusted length of the second edge is greater than the length of the second reference edge, generating a scroll bar for browsing the part, which is not shown with the form, in the display area, so that a user can browse the form in the display area by sliding the scroll bar.
Optionally, the adjusting the length of the second edge based on the adjusted length of the first edge includes:
calculating the length ratio of the adjusted first edge to the first edge;
and adjusting the length of the second edge according to the length ratio.
Optionally, the table includes a plurality of cells, and the method further includes:
receiving a first operation instruction for displaying the table in a zooming-in/zooming-out mode;
and adjusting the size of the font in each cell according to the first operation instruction.
Optionally, when the size of the font in each cell is adjusted, the size of each cell is not changed.
Optionally, if a target cell that cannot completely display the font content exists in the plurality of cells, hiding a part of the font content in the font content, and displaying an expansion button for browsing the part of the font content in the target cell, so that when a user clicks the expansion button, the part of the font content is displayed.
Optionally, the method further comprises:
and when a second operation instruction for fixing the display position of the form in the display area is received, displaying the form in a preset display area in the display area so as to browse the form while a user slides a scroll bar in the display area to browse contents related to the form.
In a second aspect, an embodiment of the present invention provides a table display apparatus, including:
the display device comprises an acquisition module, a display module and a display module, wherein the acquisition module is used for acquiring the size of a table to be displayed and the size of a display area for displaying the table;
a determining module, configured to determine, if the table size is larger than the display area size, a shortest first edge in the table according to the table size; determining a first reference edge corresponding to the first edge position in a display area, and determining the length of the first reference edge according to the size of the display area;
and the adjusting module is used for adjusting the length of the first edge based on the length of the first reference edge so as to completely display the content of the row/column corresponding to the first edge in the table in the display area.
In a third aspect, an embodiment of the present invention provides an electronic device, including a memory and a processor, where the memory stores a computer program operable on the processor, and the processor implements the method according to the first aspect when executing the computer program.
In a fourth aspect, an embodiment of the present invention provides a computer-readable medium having non-volatile program code executable by a processor, where the program code causes the processor to execute the method of the first aspect.
Compared with the prior art, the technical scheme provided by the embodiment of the invention has the following beneficial effects:
according to the embodiment of the invention, by acquiring the size of the table to be displayed and the size of the display area for displaying the table, if the size of the table is larger than the size of the display area, the shortest first edge in the table is determined according to the size of the table, the first reference edge corresponding to the first edge is determined in the display area, the length of the first reference edge is determined according to the size of the display area, and the length of the first edge is adjusted based on the length of the first reference edge, so that the row/column content corresponding to the first edge in the table is completely displayed in the display area.
Drawings
The accompanying drawings, which are included to provide a further understanding of the invention and are incorporated in and constitute a part of this specification, illustrate embodiments of the invention and together with the description serve to explain the invention and not to limit the invention. In the drawings:
FIG. 1 is a table showing method according to an embodiment of the present invention;
FIG. 2 is a flow chart of a table displaying method according to an embodiment of the present invention;
FIGS. 3a to 3e are schematic diagrams illustrating table showing manners according to embodiments of the present invention;
FIG. 4 is a flow chart of another table display method according to an embodiment of the present invention;
FIG. 5 is a block diagram of a table showing apparatus according to an embodiment of the present invention;
fig. 6 is a schematic structural diagram of an electronic device according to an embodiment of the present invention.
Detailed Description
In order to make the objects, technical solutions and advantages of the embodiments of the present invention clearer, the technical solutions in the embodiments of the present invention will be clearly and completely described below with reference to the drawings in the embodiments of the present invention, and it is obvious that the described embodiments are some, but not all, embodiments of the present invention. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present invention.
Before introducing the table display method provided by the embodiment of the invention, the table display method in the prior art is simply introduced:
the length/width of the current original form is usually larger than the size of the display area of the page used for displaying the form, so that the page usually only displays part of the form, and the bottom and the side edges of the form are provided with adjusting horizontal/vertical scroll bars. For example, as shown in fig. 1, in the prior art solution, it is generally required to guide the user to browse the content of the hidden part by adjusting the horizontal scroll bar a or the vertical scroll bar b to solve the above problem. However, in the above manner, a user cannot directly and quickly locate information to be read through the titles in the rows/columns, and can only browse the information to be read through repeatedly adjusting the horizontal/vertical scroll bars to the scroll bars, so that the table display method in the prior art is very unfriendly, the user operation is very complicated, and the user experience is seriously affected.
Based on this, the technical problem to be solved by the invention is as follows: the method and the device improve the table display friendliness and the user operation convenience in a browsing mode with a scroll bar.
Fig. 2 is a flowchart of a table display method according to an embodiment of the present invention, and as shown in fig. 2, the method includes:
step 101, obtaining the size of a table to be displayed and the size of a display area for displaying the table.
In this step, the table dimensions include a table height and a table width.
In the embodiment of the present invention, as an alternative, the table size may be determined by acquiring the table height and the table width that are input when the table is created. As another alternative, the table line width may also be calculated according to the number of cells and the height of each cell, and the table width may be calculated according to the number of cells and the width of each cell. In addition, the table size may be obtained in other manners, which is not limited in the embodiment of the present invention.
In this step, the size of the display area for presenting the form may be determined in a variety of ways. Alternatively, the display area size may be determined according to the size of the divided display area. For example, as shown in fig. 3a, a designated area 2 is divided in the display screen 1 for displaying a table, and thus the size of the divided designated area 2 is the display area size. In addition, the size of the display area may be obtained in other manners, which is not limited in the embodiment of the present invention.
And 102, if the table size is larger than the display area size, determining the shortest first edge in the table according to the table size.
At this step, the shortest first edge in the table may be a longitudinal edge or a transverse edge. Specifically, the shortest first edge in the table may be determined according to the table size. For example, taking the table size to be displayed as 2160 (table width) × 1620 (table height) as an example, the longitudinal side of the table is the shortest first side because the height is smaller than the width. For example, taking the table size to be presented as 1620 (table width) × 2160 (table height) as an example, the lateral edge of the table is the shortest first edge because the height is smaller than the width.
In the embodiment of the present invention, after step 101 is executed, if it is determined that the size of the table is larger than the size of the display area, it indicates that the current interface only shows a part of the table, which is in accordance with the problem to be solved by the embodiment of the present invention, so step 102 is continuously executed, and the shortest first edge in the table is determined according to the size of the table; if the size of the table is judged to be smaller than or equal to the size of the display area, the table can be completely displayed on the current interface, and a user does not need to use a scroll bar, which is not in line with the problem to be solved by the embodiment of the invention, so that the process is finished.
It should be noted that, in general, the size of the table to be displayed is larger than the size of the display area for displaying the table in the page.
Step 103, determining a first reference edge corresponding to the first edge position in a display area, and determining the length of the first reference edge according to the size of the display area.
In this step, the first reference edge is used to indicate a corresponding edge of the display area, that is, the first reference edge may include a longitudinal edge of the display area, or a transverse edge of the display area.
In the embodiment of the present invention, taking the table size to be displayed as 2160 (table width) × 1620 (table height) and the display area size as 1080 × 960 as an example, since the table height is smaller than the table width, the longitudinal side of the table is the shortest first side. Since the longitudinal side of the display area corresponding to the longitudinal side of the table, i.e. the longitudinal side of the display area, is the first reference side, the length of the first reference side can be determined to be 960 according to the size of the display area.
And 104, adjusting the length of the first edge based on the length of the first reference edge so as to completely display the content of the row/column corresponding to the first edge in the table in the display area.
In this step, in order to fully display the contents of the row/column corresponding to the first edge in the table in the display area, the length of the first edge is less than or equal to the length of the first reference edge.
In the embodiment of the invention, the length of the first edge is equal to the length of the first reference edge, which can avoid the problem that the table content is not clearly displayed due to the fact that the length of the first edge is too small. For example, on the basis of the above, the length of the acquired first reference edge is 960, and the length of the longitudinal edge (table height) of the table is 1620, so that the table height needs to be adjusted to 960, so that the display area can completely display the column content corresponding to the first edge in the table. For example, as shown in fig. 3b and 3c, since the table height 31 is larger than the first reference edge of the display area in fig. 3b, as shown in fig. 3c, step 104 needs to be performed to adjust the length of the first edge (table height 31) based on the length of the first reference edge 21, so as to completely display the column content corresponding to the first edge in the table in the display area. Since only the column contents of the table corresponding to the first edge can be displayed in this step, a scroll bar for browsing the non-displayed table portion in the display area may be generated, so that the user browses the table in the display area by sliding the scroll bar, for example, as shown in fig. 3c, so that the user browses the row contents of the table in the display area by sliding the scroll bar a. It should be noted that, if the first edge is a horizontal edge, the above-mentioned manner may also be performed, which is not described in detail in the embodiment of the present invention, and in addition, the process of generating the scroll bar for browsing the table portion not shown in the display area may refer to another embodiment corresponding to the table showing method provided by the present invention.
It should be noted that, with the above table display manner, compared to the problem that a user needs to repeatedly adjust a horizontal/vertical scroll bar to browse a scroll bar in the prior art, the scroll bar (only a whole horizontal scroll bar or a vertical scroll bar) generated by the above table display method in the embodiment of the present invention enables the user to browse a table in the display area through a single sliding scroll bar, thereby improving convenience of user operation.
On the basis of the table display method, further, after step 104, the method further includes:
In this step, the first operation instruction may include an enlarge font instruction or a reduce font instruction.
And 106, adjusting the size of the font in each cell according to the first operation instruction.
In this step, the size of the font in each cell can be enlarged according to the first operation instruction, or the size of the font in each cell can be reduced according to the first operation instruction.
In the embodiment of the present invention, taking the table height adjustment to 960 as an example, when the original table height is 1620, and the table height is adjusted to 960, the table becomes small, which causes the problem of overlapping and overlapping of fonts. Therefore, by executing the steps 105 to 106, the size of the font in each cell can be scaled while the form is reduced, the problems of coverage and overlapping of the font caused by the reduction of the form are avoided, and the friendliness of the form display can be improved. Furthermore, by performing step 105-
Step 106, the problem that the font size in each cell is enlarged when the form is enlarged can be solved, the problem that the font is too small and the display is unclear due to the enlargement of the form is avoided, and the scheme is realized by adopting the steps, so the description is omitted.
It should be noted that, in order to further improve the friendly property of the table display, when the size of the font in each cell is adjusted, the size of each cell is not changed. Further, if a target cell which cannot completely display the font content exists in the plurality of cells, hiding a part of the font content in the font content, and displaying an expansion button for browsing the part of the font content in the target cell, so that the part of the font content is displayed when a user clicks the expansion button. In addition, other ways can be included, and the ways of adjusting the font in the above-mentioned ideas are within the scope of the embodiments of the present invention.
On the basis of the table display method, further, after step 106, the method further includes:
and 107, when a second operation instruction for fixing the display position of the form in the display area is received, displaying the form in a preset display area in the display area, so that the user can browse the form while sliding a scroll bar in the display area to browse the content related to the form.
In this step, the second operation instruction is used to fix a display position of the table in the display area. For example, the preset display area may include a middle position, a left position, or a right position. In addition, other positions may be included, which is not limited in this step.
In the embodiment of the present invention, by executing step 107, the user slides the scroll bar in the display area to browse the content related to the form, and the form is fixed in the preset display area, so that the user can browse the content related to the form while displaying the content related to the form. For example, as shown in fig. 3d and 3e, in fig. 3d, when the content 1 related to the table is displayed by sliding the scroll bar c of the page, the table can be displayed fixed at the middle position of the page. In fig. 3e, the table can still be fixed in the middle of the page to be displayed when the table-related content 2 is displayed by sliding the scroll bar c of the page (moving down).
According to the embodiment of the invention, by acquiring the size of the table to be displayed and the size of the display area for displaying the table, when the size of the table is determined to be larger than the size of the display area, the shortest first edge in the table is determined according to the size of the table, the first reference edge corresponding to the position of the first edge is determined in the display area, the length of the first reference edge is determined according to the size of the display area, and the length of the first edge is adjusted based on the length of the first reference edge, so that the purpose of completely displaying the content of the row/column corresponding to the first edge in the table in the display area is achieved, and the friendliness of table display, the convenience of user operation and the user experience can be improved.
With respect to the table display method provided in the foregoing embodiment, the embodiment of the present invention is further improved, and fig. 4 is a flowchart of another table display method provided in the embodiment of the present invention, as shown in fig. 4, the method includes:
step 201, obtaining the size of the table to be displayed and the size of the display area for displaying the table.
In the embodiment of the present invention, the execution process of step 201 may refer to step 101.
In the embodiment of the present invention, the execution process of step 202 can refer to step 102.
In the embodiment of the present invention, the execution process of step 203 may refer to step 103.
And 204, adjusting the length of the first edge based on the length of the first reference edge so as to completely display the content of the row/column corresponding to the first edge in the table in the display area.
In the embodiment of the present invention, the execution process of step 204 can refer to step 104.
In this step, the table further includes a second edge, and the second edge is an adjacent edge of the first edge in the table. For example, when the first edge is a longitudinal edge, then the second edge is a transverse edge.
In the embodiment of the present invention, step 205 specifically includes:
step 2051, calculate the length ratio of the adjusted first edge to the first edge.
In this step, a length ratio may be calculated from the adjusted length of the first side and the length of the first side (initial length).
In the embodiment of the present invention, for example, the initial length of the first edge is 1620, and the length of the adjusted first edge is 960, so that the length ratio is 960/1620 ≈ 0.59.
And step 2052, adjusting the length of the second edge according to the length ratio.
In this step, the adjusted length of the second edge may be determined according to the length ratio and the length of the second edge.
In the embodiment of the present invention, for example, when the length ratio is 0.67, and the length (initial length) of the second edge is 2160, it is determined that the adjusted length of the second edge is 2160 × 0.67 ≈ 1274, so that the length of the second edge can be adjusted through step 2052, and the length of the second edge is adjusted from 2106 to 1274.
It should be noted that, since the width-to-height ratio of each unit table is out of order after the first edge is adjusted in steps 201 to 204, the second edge can be adjusted by executing step 205, and the friendliness of table display is further improved.
In this step, the second reference edge is used to indicate the corresponding edge of the display area, that is, the second reference edge may include a longitudinal edge of the display area, or a transverse edge of the display area.
In the embodiment of the present invention, taking the table size to be displayed as 2160 (table width) × 1620 (table height) and the display area size as 1080 × 960 as an example, since the table height is smaller than the table width, the longitudinal side of the table is the shortest first side. Because the longitudinal side of the display area corresponding to the longitudinal side of the table, that is, the longitudinal side of the display area is the first reference side, the transverse side of the display area is the second side, and the transverse side of the display area is the second reference side, the length of the second reference side can be determined to be 1080 according to the size of the display area.
In this step, the scroll bar is used to slide in the display area according to a user operation, wherein the number of generated scroll bars is 1.
In this embodiment of the present invention, if the adjusted length of the second edge is greater than the length of the second reference edge, it indicates that the current interface only shows a part of the form, so step 207 continues to be performed to generate a scroll bar for browsing a part of the display area where the form is not shown, for example, as shown in fig. 3c, so that the user browses the form in the display area by sliding the scroll bar a; if the length of the adjusted second edge is judged to be smaller than or equal to the length of the second reference edge, the table can be completely displayed on the current interface, and a user does not need to use a scroll bar, so that the process is finished.
Compared with the problem that a user needs to repeatedly adjust the horizontal/vertical scroll bar to browse the scroll bar in the prior art, the scroll bar (only the whole horizontal scroll bar or the vertical scroll bar) generated by the table display method enables the user to browse the table in the display area through the single sliding scroll bar, and therefore convenience of user operation is improved.
It should be noted that steps 104 to 107 in the embodiment of fig. 2 are also applicable to this embodiment, and this is not described again in the embodiment of the present invention.
According to the technical scheme provided by the embodiment of the invention, the size of the table to be displayed and the size of the display area for displaying the table are obtained, if the size of the table is larger than the size of the display area, the shortest first edge in the table is determined according to the size of the table, the first reference edge corresponding to the position of the first edge is determined in the display area, the length of the first reference edge is determined according to the size of the display area, and the length of the first edge is adjusted based on the length of the first reference edge, so that the content quality of the row/column corresponding to the first edge in the table is completely displayed in the display area, and the friendliness of table display, the convenience of user operation and the user experience can be improved.
As shown in fig. 5, a schematic structural diagram of a table display device provided in an embodiment of the present invention includes:
the display device comprises an acquisition module 01, a display module and a display module, wherein the acquisition module is used for acquiring the size of a table to be displayed and the size of a display area for displaying the table;
a determining module 02, configured to determine, according to the table size, a shortest first edge in the table if the table size is larger than the display area size; determining a first reference edge corresponding to the first edge position in a display area, and determining the length of the first reference edge according to the size of the display area;
an adjusting module 03, configured to adjust the length of the first edge based on the length of the first reference edge, so as to fully display the content of the row/column corresponding to the first edge in the table in the display area.
Fig. 6 is a schematic structural diagram of an electronic device according to an embodiment of the present invention, where the electronic device includes: the system comprises a processor, a communication interface, a memory and a communication bus, wherein the processor, the communication interface and the memory complete mutual communication through the communication bus;
a memory for storing a computer program;
and the processor is used for realizing the table display method in the embodiment of the method when executing the program stored in the memory.
In the electronic device provided by the embodiment of the invention, the processor determines the shortest first edge in the table according to the table size by acquiring the size of the table to be displayed and the size of the display area for displaying the table, if the table size is larger than the size of the display area, determining a first reference edge corresponding to the first edge position in the display area, determining the length of the first reference edge according to the size of the display area, adjusting the length of the first edge based on the length of the first reference edge, the method and the device have the advantages that the content of the row/column corresponding to the first edge in the table is completely displayed in the display area, and compared with the prior art, the problem that the table display is unfriendly caused by the fact that the horizontal/vertical scroll bar needs to be adjusted repeatedly to browse the scroll bar is solved. The communication bus 1140 mentioned in the above electronic device may be a Peripheral Component Interconnect (PCI) bus, an Extended Industry Standard Architecture (EISA) bus, or the like. The communication bus 1140 may be divided into an address bus, a data bus, a control bus, and the like. For ease of illustration, only one thick line is shown in FIG. 6, but this is not intended to represent only one bus or type of bus.
The communication interface 1120 is used for communication between the electronic device and other devices.
The Memory 1130 may include a Random Access Memory (RAM) or a non-volatile Memory (non-volatile Memory), such as at least one disk Memory. Optionally, the memory may also be at least one memory device located remotely from the processor.
The Processor 1110 may be a general-purpose Processor, and includes a Central Processing Unit (CPU), a Network Processor (NP), and the like; the Integrated Circuit may also be a Digital Signal Processor (DSP), an Application Specific Integrated Circuit (ASIC), a Field Programmable Gate Array (FPGA) or other Programmable logic device, a discrete Gate or transistor logic device, or a discrete hardware component.
Unless defined otherwise, all technical and scientific terms used herein have the same meaning as commonly understood by one of ordinary skill in the art to which this invention belongs. The terminology used in the description of the invention herein is for the purpose of describing particular embodiments only and is not intended to be limiting of the invention.
Finally, it should be noted that: the above embodiments are only used to illustrate the technical solution of the present invention, and not to limit the same; while the invention has been described in detail and with reference to the foregoing embodiments, it will be understood by those skilled in the art that: the technical solutions described in the foregoing embodiments may still be modified, or some or all of the technical features may be equivalently replaced; and the modifications or the substitutions do not make the essence of the corresponding technical solutions depart from the scope of the technical solutions of the embodiments of the present invention.
Claims (10)
1. A method for presenting a form, the method comprising:
acquiring the size of a table to be displayed and the size of a display area for displaying the table;
if the table size is larger than the display area size, determining the shortest first edge in the table according to the table size;
determining a first reference edge corresponding to the first edge position in a display area, and determining the length of the first reference edge according to the size of the display area;
and adjusting the length of the first edge based on the length of the first reference edge so as to completely show the content of the row/column corresponding to the first edge in the table in the display area.
2. A form presentation method as claimed in claim 1, wherein the form further comprises a second edge, the second edge being an adjacent edge to the first edge in the form, the method further comprising:
adjusting the length of the second edge based on the adjusted length of the first edge;
determining a second reference edge corresponding to the position of the second edge in a display area, and determining the length of the second reference edge according to the size of the display area;
and if the adjusted length of the second edge is greater than the length of the second reference edge, generating a scroll bar for browsing the part, which is not shown with the form, in the display area, so that a user can browse the form in the display area by sliding the scroll bar.
3. The form display method of claim 2, wherein the adjusting the length of the second edge based on the adjusted length of the first edge comprises:
calculating the length ratio of the adjusted first edge to the first edge;
and adjusting the length of the second edge according to the length ratio.
4. A form presentation method as claimed in claim 1, wherein the form comprises a plurality of cells, the method further comprising:
receiving a first operation instruction for displaying the table in a zooming-in/zooming-out mode;
and adjusting the size of the font in each cell according to the first operation instruction.
5. A form presentation method as claimed in claim 4, wherein the size of each cell is unchanged when the font size in each cell is adjusted.
6. The form displaying method according to claim 5, wherein if there is a target cell that cannot completely display the font content among the plurality of cells, a partial font content in the font content is hidden, and an expansion button for browsing the partial font content is displayed in the target cell, so that when a user clicks the expansion button, the partial font content is displayed.
7. A form presentation method as claimed in claim 1, said method further comprising:
and when a second operation instruction for fixing the display position of the form in the display area is received, displaying the form in a preset display area in the display area so as to browse the form while a user slides a scroll bar in the display area to browse contents related to the form.
8. A form display apparatus, comprising:
the display device comprises an acquisition module, a display module and a display module, wherein the acquisition module is used for acquiring the size of a table to be displayed and the size of a display area for displaying the table;
a determining module, configured to determine, if the table size is larger than the display area size, a shortest first edge in the table according to the table size; determining a first reference edge corresponding to the first edge position in a display area, and determining the length of the first reference edge according to the size of the display area;
and the adjusting module is used for adjusting the length of the first edge based on the length of the first reference edge so as to completely display the content of the row/column corresponding to the first edge in the table in the display area.
9. An electronic device, comprising a memory and a processor, wherein the memory stores a computer program operable on the processor, and the processor executes the computer program to implement the method of any one of claims 1 to 7.
10. A computer-readable medium having non-volatile program code executable by a processor, wherein the program code causes the processor to perform the method of any of claims 1 to 7.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011042685.8A CN112286603A (en) | 2020-09-28 | 2020-09-28 | Table display method and device, electronic equipment and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011042685.8A CN112286603A (en) | 2020-09-28 | 2020-09-28 | Table display method and device, electronic equipment and storage medium |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN112286603A true CN112286603A (en) | 2021-01-29 |
Family
ID=74421777
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202011042685.8A Pending CN112286603A (en) | 2020-09-28 | 2020-09-28 | Table display method and device, electronic equipment and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112286603A (en) |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113238688A (en) * | 2021-05-10 | 2021-08-10 | 北京字跳网络技术有限公司 | Table display method, device, equipment and medium |
| CN114186542A (en) * | 2021-11-15 | 2022-03-15 | 北京金山办公软件股份有限公司 | Form processing method and device, electronic equipment and computer readable storage medium |
| CN114882513A (en) * | 2022-04-28 | 2022-08-09 | 京东方科技集团股份有限公司 | Data identification method and intelligent interactive display equipment |
Citations (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105868235A (en) * | 2015-12-08 | 2016-08-17 | 乐视移动智能信息技术（北京）有限公司 | Image preview method and apparatus of intelligent terminal |
| CN106886511A (en) * | 2016-06-21 | 2017-06-23 | 阿里巴巴集团控股有限公司 | A kind of processing method and processing device of network form |
| CN107589901A (en) * | 2017-09-13 | 2018-01-16 | 广东欧珀移动通信有限公司 | Page display method, device, terminal and computer-readable storage medium |
| CN107656911A (en) * | 2017-09-11 | 2018-02-02 | 北京京东尚科信息技术有限公司 | Form processing method and its system |
| CN109254813A (en) * | 2018-08-20 | 2019-01-22 | 中国平安人寿保险股份有限公司 | Screen adaptation method, device, computer equipment and storage medium |
| CN109308155A (en) * | 2018-08-21 | 2019-02-05 | 中国平安人寿保险股份有限公司 | Adjust method, apparatus, computer equipment and the storage medium of the page |
| CN109992580A (en) * | 2018-11-08 | 2019-07-09 | 深圳壹账通智能科技有限公司 | Method and device for processing list data, storage medium, and computer equipment |
| CN110968987A (en) * | 2018-09-30 | 2020-04-07 | 腾讯科技（深圳）有限公司 | Table display method and device, storage medium and electronic device |
| CN111190516A (en) * | 2019-12-27 | 2020-05-22 | 广东金赋科技股份有限公司 | Tabular data display method |
| CN111310082A (en) * | 2018-12-11 | 2020-06-19 | 杭州海康威视系统技术有限公司 | Page display method and device |
-
2020
- 2020-09-28 CN CN202011042685.8A patent/CN112286603A/en active Pending
Patent Citations (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105868235A (en) * | 2015-12-08 | 2016-08-17 | 乐视移动智能信息技术（北京）有限公司 | Image preview method and apparatus of intelligent terminal |
| CN106886511A (en) * | 2016-06-21 | 2017-06-23 | 阿里巴巴集团控股有限公司 | A kind of processing method and processing device of network form |
| CN107656911A (en) * | 2017-09-11 | 2018-02-02 | 北京京东尚科信息技术有限公司 | Form processing method and its system |
| CN107589901A (en) * | 2017-09-13 | 2018-01-16 | 广东欧珀移动通信有限公司 | Page display method, device, terminal and computer-readable storage medium |
| CN109254813A (en) * | 2018-08-20 | 2019-01-22 | 中国平安人寿保险股份有限公司 | Screen adaptation method, device, computer equipment and storage medium |
| CN109308155A (en) * | 2018-08-21 | 2019-02-05 | 中国平安人寿保险股份有限公司 | Adjust method, apparatus, computer equipment and the storage medium of the page |
| CN110968987A (en) * | 2018-09-30 | 2020-04-07 | 腾讯科技（深圳）有限公司 | Table display method and device, storage medium and electronic device |
| CN109992580A (en) * | 2018-11-08 | 2019-07-09 | 深圳壹账通智能科技有限公司 | Method and device for processing list data, storage medium, and computer equipment |
| CN111310082A (en) * | 2018-12-11 | 2020-06-19 | 杭州海康威视系统技术有限公司 | Page display method and device |
| CN111190516A (en) * | 2019-12-27 | 2020-05-22 | 广东金赋科技股份有限公司 | Tabular data display method |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113238688A (en) * | 2021-05-10 | 2021-08-10 | 北京字跳网络技术有限公司 | Table display method, device, equipment and medium |
| CN113238688B (en) * | 2021-05-10 | 2023-06-27 | 北京字跳网络技术有限公司 | Form display method, device, equipment and medium |
| US12067345B2 (en) | 2021-05-10 | 2024-08-20 | Beijing Zitiao Network Technology Co., Ltd. | Table displaying method, device and medium |
| CN114186542A (en) * | 2021-11-15 | 2022-03-15 | 北京金山办公软件股份有限公司 | Form processing method and device, electronic equipment and computer readable storage medium |
| CN114882513A (en) * | 2022-04-28 | 2022-08-09 | 京东方科技集团股份有限公司 | Data identification method and intelligent interactive display equipment |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US8745515B2 (en) | Presentation of large pages on small displays | |
| CN110837617B (en) | Webpage self-adaptive layout method, server and computer readable storage medium | |
| US10339209B2 (en) | Webpage display method and device | |
| AU2014308633B2 (en) | Swipe toolbar to switch tabs | |
| CN113127784B (en) | Large screen data visual display method and device, storage medium and computer equipment | |
| CN109189532B (en) | Control bar display method, device, equipment and storage medium of electronic whiteboard | |
| CN112286603A (en) | Table display method and device, electronic equipment and storage medium | |
| CN114579223A (en) | Interface layout method, electronic equipment and computer readable storage medium | |
| CN102033712A (en) | Electronic reading device with split display function and display method thereof | |
| CN115237522A (en) | Page self-adaptive display method and device | |
| US20200167052A1 (en) | Picture presentation method and device | |
| CN112068834A (en) | JS-based data rendering method and device | |
| CN105630746A (en) | Page displaying method and terminal equipment | |
| CN107797736A (en) | Method for information display and device | |
| JP5673264B2 (en) | Graphic drawing program and graphic drawing device | |
| US9213681B2 (en) | Method and system to modify source content to fit into a target display area in a browser | |
| CN118535822A (en) | A web page layout method, device, equipment and readable storage medium | |
| CN112905925B (en) | Prompt box display method, system, equipment and storage medium | |
| CN118227127A (en) | Space occupation processing method and device and nonvolatile storage medium | |
| CN104918073A (en) | Image display method and terminal | |
| CN117472488A (en) | Text box adjusting method, device, computer equipment and storage medium | |
| CN113096217B (en) | Picture generation method and device, electronic equipment and storage medium | |
| CN106095734B (en) | Text display method and device | |
| KR100782924B1 (en) | Display control device to variably adjust font size | |
| CN111026993A (en) | Method and related device for displaying options of webpage selection frame |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20210129 |
|
| RJ01 | Rejection of invention patent application after publication |