Space-optimized display of multi-column tables

Abstract

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 . (canceled) 
     
     
         2 . 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;   receiving user input requesting resizing of the resizable window to, at least in part, reduce the window width of the resizable window to a second window width;   calculating a second container width that is smaller than the first container width, the second container width corresponding to a difference between the window width and the second window width;   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, truncating the first text to eliminate one or more characters from 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; and 
 in response to determining, by the computing system, that the second text width is greater than the first text width, truncating the second text to eliminate one or more characters from 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. 
   
     
     
         3 . The method of  claim 2 , further comprising, 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 equal to the second text width, truncating the first text to eliminate one or more characters from the first text and truncating the second text to eliminate one or more characters from the second text until the combined text width is less than the second container width. 
     
     
         4 . The method of  claim 2 , wherein truncating the first text and truncating the second text comprises truncating the first text and the second text equally. 
     
     
         5 . The method of  claim 2 , wherein the first text width is a pixel width of the first text as displayed on the computing system. 
     
     
         6 . The method of  claim 2 , further comprising:
 in response to receiving user input requesting resizing of the resizable window:
 resizing the container such that a ratio of the second container width to the first container width is the same as a ratio of the second window width to the window width. 
   
     
     
         7 . The method of  claim 2 , further comprising displaying, on the display of the computing system, concurrently with the first text and the second text, a horizontal histogram. 
     
     
         8 . The method of  claim 7 , wherein the horizontal histogram comprises a horizontal bar, and wherein a width of the horizontal bar corresponds with a number of conflicts between occurrences associated with the first text and occurrences associated with the second text. 
     
     
         9 . The method of  claim 8 , wherein the horizontal histogram further comprises at least one smart tick, wherein the at least one smart tick are evenly spaced along a width of the horizontal histogram. 
     
     
         10 . The method of  claim 8 , wherein the horizontal bar is a first color if a number of occurrences associated with the first text is greater than a threshold value, and wherein the horizontal bar is a second color if the number of occurrences associated with the first text is less than the threshold value. 
     
     
         11 . The method of  claim 7 , wherein the combined text width further comprises a width of the horizontal histogram, the method further comprising:
 in response to determining that the combined text width is greater than the second container width:
 in response to determining that the first text width is greater than the second text width, 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 that the second text width is greater than the first text width, 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 that the first text width is equal to the second text width, truncating the first text and the second text equally until the combined text width is less than the second container width. 
   
     
     
         12 . A computing system configured to optimize display of a multi-column table, the computer system comprising:
 a network interface that is coupled to a data network for receiving and transmitting one or more packet flows;   a display;   a computer processor; and   a computer readable storage medium storing program instructions configured for execution by the computer processor in order to cause the computing system to:
 display, within a resizable window having a window width, on the display, a container of a first container width, wherein the container comprises a first column and a second column, and wherein a combined width comprising a first width of the first column and a second width of the second column is less than the first container width; 
 receive user input requesting resizing of the resizable window to, at least in part, reduce the window width of the resizable window to a second window width; 
 calculate a second container width that is smaller than the first container width, the second container width corresponding to a difference between the window width and the second window width; 
 determine whether the combined width is greater than the second container width; 
 in response to the determination that the combined width is greater than the second container width:
 in response to a determination that the first width is greater than the second width, truncate the first column to eliminate one or more characters from the first text until the combined width is less than the second container width or the first width is equal to the second width; 
 in response to a determination that the second width is greater than the first width, truncate the second column to eliminate one or more characters from the second text until the combined width is less than the second container width or the first width is equal to the second width; and 
 
   
     
     
         13 . The computing system of  claim 12 , wherein the one or more stored program instructions further cause the processor to, in response to the determination that the combined width is greater than the second container width: in response to a determination that the first width is equal to the second width, truncate the first column to eliminate one or more characters from the first text and truncate the second column to eliminate one or more characters from the second text until the combined width is less than the second container width. 
     
     
         14 . The computing system of  claim 12 , wherein the one or more stored program instructions further cause the processor to truncate the first text and the second text equally in response to the determination that the first width is equal to the second width. 
     
     
         15 . The computing system of  claim 12 , wherein the one or more stored program instructions further cause the processor to:
 in response to receiving user input requesting resizing of the resizable window:   resize the container such that a ratio of the second container width to the first container width is the same as a ratio of the second window width to the window width.   
     
     
         16 . The computing system of  claim 12 , wherein the one or more stored program instructions further cause the processor to display, on the display, concurrently with the first text and the second text, a horizontal histogram. 
     
     
         17 . A non-transitory computer-readable medium comprising one or more program instructions recorded thereon, the instructions configured for execution by a computing system comprising one or more hardware processors in order to cause the computing system to:
 display, within a resizable window having a window width, on a display of the computing system, a container of a first container width, wherein the container comprises a first column and a second column, and wherein a combined width comprising a first width of the first column and a second width of the second column is less than the first container width;   receive user input requesting resizing of the resizable window to, at least in part, reduce the window width of the resizable window to a second window width;   calculate a second container width that is smaller than the first container width, the second container width corresponding to a difference between the window width and the second window width;   determine whether the combined width is greater than the second container width;   in response to the determination that the combined width is greater than the second container width:
 in response to a determination that the first width is greater than the second width, truncate the first column to eliminate one or more characters from the first text until the combined width is less than the second container width or the first width is equal to the second width; and 
 in response to a determination that the second width is greater than the first width, truncate the second column to eliminate one or more characters from the second text until the combined width is less than the second container width or the first width is equal to the second width. 
   
     
     
         18 . The non-transitory computer-readable medium of  claim 17 , wherein the instructions are further configured to cause the computing system to, in response to the determination that the combined width is greater than the second container width: in response to a determination that the first width is equal to the second width, truncate the first column to eliminate one or more characters from the first text and truncate the second column to eliminate one or more characters from the second text until the combined width is less than the second container width. 
     
     
         19 . The non-transitory computer-readable medium of  claim 17 , wherein the instructions are further configured to cause the computing system to truncate the first text and the second text equally in response to the determination that the first width is equal to the second width. 
     
     
         20 . The non-transitory computer-readable medium of  claim 17 , wherein the instructions are further configured to cause the computing system to:
 in response to receiving user input requesting resizing of the resizable window:   resize the container such that a ratio of the second container width to the first container width is the same as a ratio of the second window width to the window width.   
     
     
         21 . The non-transitory computer-readable medium of  claim 17 , wherein the instructions are further configured to cause the computing system to display, on the display of the computing system, concurrently with the first text and the second text, a horizontal histogram.