Table Navigation and Display for Browser Applications.
Original Publication Date: 2004-Aug-31
Included in the Prior Art Database: 2004-Aug-31
This is a design paradigm for handling the display of large amounts of data in a table form in a web browser. The table provides a paging mechanism to keep the number of rows displayed at a reasonable number, a way to control which columns are shown and how they are sorted, and the ability to have different columns display data in different ways.
Table Navigation and Display for Browser Applications .
The table mechanism is shown in figure 1.
The paging controls (Figure 2) show the total number of pages and allow for navigation to the previous page, the next page, and, using the text field and the button labeled "Go", to any page in the table. The 'Display' text and "Change" button allow user-control on the number of rows displayed on each page. In addition to making it easier for the user to browse through the data, the loading performance of the web page is improved because the table data sent from the web-server to the client is only what is needed to display the current page,
The column controls (Figure 3) allow for the changing of the record (row) property displayed in each column by changing the selection of the drop down. The upwards and downwards pointing arrows can be used to sort the data displayed in each column.
The columns can be set to display different kinds of data. In figure 4, there are four types of data displayed. The first column contains a selection control, the second an icon, the third and fourth contain html links, and the fifth column is plain text.