Tree tables for mobile devices and other low resolution displays

摘要

In one embodiment, a computer-implemented method includes writing, into a tree content column of a tree table, content for a plurality of rows of the tree table. The content spans multiple hierarchical levels, and the content in each of the rows is commonly aligned within the tree content column. A level-indicating icon is associated with each of the hierarchical levels of the tree table. A first level-indicating icon for a first hierarchical level of the tree table is positioned in two or more distinct rows of the tree table having content in the first hierarchical level, and a second level-indicating icon for a second hierarchical level of the tree table is positioned in at least one row of the tree table having content in the second hierarchical level. The tree table is rendered by a computer processor.

主权项

1. A computer-implemented method, comprising:
writing, into a tree content column of a tree table, content for a plurality of rows of the tree table, wherein the content spans a hierarchy comprising multiple hierarchical levels, wherein the content comprises first content and second content, and wherein a respective portion of the content in each of the plurality of rows is commonly aligned within the tree content column; rendering the tree table on a display of a mobile device, wherein the rendering is performed by a computer processor of the mobile device, and wherein the rendering comprises:
rendering the first content in a first row of the plurality of rows;rendering the second content in a second row of the plurality of rows;rendering a first level-indicating icon in the first row to indicate that the first content is associated with the first hierarchical level; andrendering a second level-indicating icon in the second row to indicate that the second content is associated with a second hierarchical level that is subordinate to the first hierarchical level in the hierarchy; detecting a user scrolling action, re-rendering the tree table on the display of the mobile device in response to detecting the user scrolling action, wherein re-rendering the tree table causes the first content and the first level-indicating icon to no longer be rendered on the display of the mobile device; detecting a user interaction with the second row; in response to detecting the user interaction with the second row, rendering a hierarchy indicator as an overlay of the tree table at a position corresponding to the second row, wherein the hierarchy indicator comprises at least a portion of the first content so as to indicate that the second content is related to the first content in the hierarchy, and wherein the hierarchy indicator further comprises the first level-indicating icon that together with the second level-indicating icon indicates a number of intervening hierarchical levels between the first content and the second content in the hierarchy.