Space-optimized display of multi-column tables with selective text truncation based on a combined text width

摘要

The display of a multi-column table can be optimized. For example, a container, such as a multi-column table, can have a first container width. The container includes first text, second text, and a divider, such as an icon, whitespace, or text, between the first text and the second text. The first text, the second text, and the divider can have a combined text width. The container can be resized to a second container width that is smaller than the first container width. If it is determined that the combined text width is then greater than the second container width, the first text, the second text, or both can be abbreviated until the combined text width is less than the second container width.

主权项

1. A method of optimizing display of a multi-column table, the method comprising:
displaying, within a resizable window having a window width, on a display of a computing system having one or more hardware processors, a container of a first container width, wherein the container comprises first text and second text, and wherein a combined text width comprising a first width of the first text, a second width of the second text, and a divider width of an icon, whitespace, or text between the first text and the second text is less than the first container width, wherein the first text is a label for a first category of objects, and the second text is a label for a second category of objects, and wherein the first category is related to the second category; displaying, on the display of the computing system, concurrently with the first text and the second text, a horizontal histogram having a width based on a total number of occurrences associated with the first text and with the second text or based on a total number of conflicts associated with the first text, the second text, and a plurality of additional combinations of text within the multi-column table; receiving user input requesting resizing of the resizable window to, at least in part, reduce the window width of the resizable window; calculating a second container width that is smaller than the first container width, the second container width corresponding to a reduced first container width by a ratio corresponding to the reduction of the window width of the resizable window by user input; determining, by the computing system, whether the combined text width is greater than the second container width; in response to determining, by the computing system, that the combined text width is greater than the second container width: in response to determining, by the computing system, that the first text width is greater than the second text width, identifying the first text as target text and truncating the first text until the combined text width is less than the second container width or the first text width is equal to the second text width; in response to determining, by the computing system, that the second text width is greater than the first text width, identifying the second text as target text and truncating the second text until the combined text width is less than the second container width or the first text width is equal to the second text width; and in response to determining, by the computing system, that the first text width is equal to the second text width, identifying both the first text and the second text as target text and truncating the first text and the second text equally until the combined text width is less than the second container width, wherein said truncating eliminates one or more characters from the target text in one direction starting from a first side of the target text to an opposite side of the target text.