Device, method, and graphical user interface for manipulating tables using multi-contact gestures

A method, comprising:

• at an electronic device with a display and a touch-sensitive surface:
• displaying a table comprising a plurality of rows, a plurality of columns, and a plurality of header regions, wherein:
• the header regions include a row header region and a column header region,
• each row has a height and a row header in the row header region, and
• each column has a width and a column header in the column header region;
• detecting a first contact and a second contact on the touch-sensitive surface;
• detecting a gesture on the touch-sensitive surface, wherein the gesture includes movement of one or more of the first contact and the second contact on the touch-sensitive surface;
• and
• in response to detecting the gesture:
• when the detected gesture is a pinch gesture, that includes a decrease in a distance between the first contact and the second contact on the touch-sensitive surface, at a location on the touch-sensitive surface that corresponds to one or more respective columns in the table that are at least partially between the first contact and the second contact and has a component that is perpendicular to the one or more respective columns, decreasing the width of the one or more respective columns in the table that are at least partially between the first contact and the second contact while maintaining a width of one or more other columns in the table that are not between the first contact and the second contact and are concurrently displayed on the display with the one or more respective columns;
• and
• when the detected gesture is a de-pinch gesture, that includes an increase in a distance between the first contact and the second contact on the touch-sensitive surface, at a location on the touch-sensitive surface that corresponds to one or more respective columns in the table that are at least partially between the first contact and the second contact and has a component that is perpendicular to the one or more respective columns, increasing the width of the one or more respective columns in the table that are at least partially between the first contact and the second contact while maintaining a width of one or more other columns in the table that are not between the first contact and the second contact and are concurrently displayed on the display with the one or more respective columns.

A non-transitory computer readable storage medium storing one or more programs, the one or more programs comprising instructions, which when executed by an electronic device with a display and a touch-sensitive surface, cause the device to:

• display a table comprising a plurality of rows, a plurality of columns, and a plurality of header regions, wherein:
• the header regions include a row header region and a column header region,
• each row has a height and a row header in the row header region, and
• each column has a width and a column header in the column header region;
• detect a first contact and a second contact on the touch-sensitive surface;
• detect a gesture on the touch-sensitive surface, wherein the two-contact gesture includes movement of one or more of the first contact and the second contact on the touch-sensitive surface;
• and
• in response to detecting the gesture:
• when the detected gesture is a pinch gesture, that includes a decrease in a distance between the first contact and the second contact on the touch-sensitive surface, at a location on the touch-sensitive surface that corresponds to one or more respective columns in the table that are at least partially between the first contact and the second contact and has a component that is perpendicular to the one or more respective columns, decrease the width of the one or more respective columns in the table that are at least partially between the first contact and the second contact while maintaining a width of one or more other columns in the table that are not between the first contact and the second contact and are concurrently displayed on the display with the one or more respective columns;
• and
• when the detected gesture is a de-pinch gesture, that includes an increase in a distance between the first contact and the second contact on the touch-sensitive surface, at a location on the touch-sensitive surface that corresponds to one or more respective columns in the table that are at least partially between the first contact and the second contact and has a component that is perpendicular to the one or more respective columns, increase the width of the one or more respective columns in the table that are at least partially between the first contact and the second contact while maintaining a width of one or more other columns in the table that are not between the first contact and the second contact and are concurrently displayed on the display with the one or more respective columns.

An electronic device, comprising:

• a display and a touch-sensitive surface;
• one or more processors;
• memory;
• and
• one or more programs, wherein the one or more programs are stored in the memory and configured to be executed by the one or more processors, the one or more programs including instructions for:
• displaying a table comprising a plurality of rows, a plurality of columns, and a plurality of header regions, wherein:
• the header regions include a row header region and a column header region,
• each row has a height and a row header in the row header region, and
• each column has a width and a column header in the column header region;
• detecting a first contact and a second contact on the touch-sensitive surface;
• detecting a gesture on the touch-sensitive surface, wherein the gesture includes movement of one or more of the first contact and the second contact on the touch-sensitive surface;
• and
• in response to detecting the gesture:
• when the detected gesture is a pinch gesture, that includes a decrease in a distance between the first contact and the second contact on the touch-sensitive surface, at a location on the touch-sensitive surface that corresponds to two or more respective columns in the table that are at least partially between the first contact and the second contact and has a component that is perpendicular to the two or more respective columns, decreasing the width of the two or more respective columns in the table that are at least partially between the first contact and the second contact while maintaining a width of one or more other columns in the table that are not between the first contact and the second contact and are concurrently displayed on the display with the two or more respective columns;
• and
• when the detected gesture is a de-pinch gesture, that includes an increase in a distance between the first contact and the second contact on the touch-sensitive surface, at a location on the touch-sensitive surface that corresponds to two or more respective columns in the table that are at least partially between the first contact and the second contact and has a component that is perpendicular to the two or more respective columns, increasing the width of the two or more respective columns in the table that are at least partially between the first contact and the second contact while maintaining a width of one or more other columns in the table that are not between the first contact and the second contact and are concurrently displayed on the display with the two or more respective columns.