{"abstract":[{"text":"Lists and tables present data in one or more columns of rows.","type":"text"}],"hierarchy":{"paths":[["doc:\/\/com.apple.documentation\/documentation\/technologies","doc:\/\/com.apple.HIG\/design\/human-interface-guidelines","doc:\/\/com.apple.HIG\/design\/Human-Interface-Guidelines\/components","doc:\/\/com.apple.HIG\/design\/Human-Interface-Guidelines\/layout-and-organization"]]},"identifier":{"interfaceLanguage":"swift","url":"doc:\/\/com.apple.HIG\/design\/Human-Interface-Guidelines\/lists-and-tables"},"kind":"article","legalNotices":{"copyright":"Copyright © 2026 Apple Inc. All rights reserved.","privacyPolicy":"https:\/\/www.apple.com\/privacy\/privacy-policy","termsOfUse":"https:\/\/www.apple.com\/legal\/internet-services\/terms\/site.html"},"metadata":{"availableLanguages":["en-US","zh-CN","ja-JP","ko-KR"],"customMetadata":{"alert-date":"2023-06-21","alert-text":"Updated to include guidance for visionOS.","supported-platforms":"ios,ipados,macos,tvos,visionos,watchos"},"images":[{"identifier":"components-lists-and-tables-thumbnail.png","type":"card"}],"role":"article","title":"Lists and tables"},"primaryContentSections":[{"content":[{"inlineContent":[{"identifier":"components-lists-and-tables-intro.png","type":"image"}],"type":"paragraph"},{"inlineContent":[{"text":"A table or list can represent data that’s organized in groups or hierarchies, and it can support user interactions like selecting, adding, deleting, and reordering. Apps and games in all platforms can use tables to present content and options; many apps use lists to express an overall information hierarchy and help people navigate it. For example, iOS Settings uses a hierarchy of lists to help people choose options, and several apps — such as Mail in iPadOS and macOS — use a table within a ","type":"text"},{"identifier":"https:\/\/developer.apple.com\/design\/human-interface-guidelines\/split-views","isActive":true,"type":"reference"},{"text":".","type":"text"}],"type":"paragraph"},{"inlineContent":[{"text":"Sometimes, people need to work with complex data in a multicolumn table or a spreadsheet. Apps that offer productivity tasks often use a table to represent various characteristics or attributes of the data in separate, sortable columns.","type":"text"}],"type":"paragraph"},{"anchor":"Best-practices","level":2,"text":"Best practices","type":"heading"},{"inlineContent":[{"inlineContent":[{"text":"Prefer displaying text in a list or table.","type":"text"}],"type":"strong"},{"text":" A table can include any type of content, but the row-based format is especially well suited to making text easy to scan and read. If you have items that vary widely in size — or you need to display a large number of images — consider using a ","type":"text"},{"identifier":"https:\/\/developer.apple.com\/design\/human-interface-guidelines\/collections","isActive":true,"type":"reference"},{"text":" instead.","type":"text"}],"type":"paragraph"},{"inlineContent":[{"inlineContent":[{"text":"Let people edit a table when it makes sense.","type":"text"}],"type":"strong"},{"text":" People appreciate being able to reorder a list, even if they can’t add or remove items. In iOS and iPadOS, people must enter an edit mode before they can select table items.","type":"text"}],"type":"paragraph"},{"inlineContent":[{"inlineContent":[{"text":"Provide appropriate feedback when people select a list item.","type":"text"}],"type":"strong"},{"text":" The feedback can vary depending on whether selecting the item reveals a new view or toggles the item’s state. In general, a table that helps people navigate through a hierarchy persistently highlights the selected row to clarify the path people are taking. In contrast, a table that lists options often highlights a row only briefly before adding an image — such as a checkmark — indicating that the item is selected.","type":"text"}],"type":"paragraph"},{"anchor":"Content","level":2,"text":"Content","type":"heading"},{"inlineContent":[{"inlineContent":[{"text":"Keep item text succinct so row content is comfortable to read.","type":"text"}],"type":"strong"},{"text":" Short, succinct text can help minimize truncation and wrapping, making text easier to read and scan. If each item consists of a large amount of text, consider alternatives that help you avoid displaying over-large table rows. For example, you could list item titles only, letting people choose an item to reveal its content in a detail view.","type":"text"}],"type":"paragraph"},{"inlineContent":[{"inlineContent":[{"text":"Consider ways to preserve readability of text that might otherwise get clipped or truncated.","type":"text"}],"type":"strong"},{"text":" When a table is narrow — for example, if people can vary its width — you want content to remain recognizable and easy to read. Sometimes, an ellipsis in the middle of text can make an item easier to distinguish because it preserves both the beginning and the end of the content.","type":"text"}],"type":"paragraph"},{"inlineContent":[{"inlineContent":[{"text":"Use descriptive column headings in a multicolumn table.","type":"text"}],"type":"strong"},{"text":" Use nouns or short noun phrases with ","type":"text"},{"identifier":"https:\/\/support.apple.com\/guide\/applestyleguide\/c-apsgb744e4a3\/web#apdca93e113f1d64","isActive":true,"type":"reference"},{"text":", and don’t add ending punctuation. If you don’t include a column heading in a single-column table view, use a label or a header to help people understand the context.","type":"text"}],"type":"paragraph"},{"anchor":"Style","level":2,"text":"Style","type":"heading"},{"inlineContent":[{"inlineContent":[{"text":"Choose a table or list style that coordinates with your data and platform.","type":"text"}],"type":"strong"},{"text":" Some styles use visual details to help communicate grouping and hierarchy or to provide specific experiences. In iOS and iPadOS, for example, the grouped style uses headers, footers, and additional space to separate groups of data; the elliptical style available in watchOS makes items appear as if they’re rolling off a rounded surface as people scroll; and macOS defines a bordered style that uses alternating row backgrounds to help make large tables easier to use. For developer guidance, see ","type":"text"},{"identifier":"doc:\/\/com.apple.documentation\/documentation\/SwiftUI\/ListStyle","isActive":true,"type":"reference"},{"text":".","type":"text"}],"type":"paragraph"},{"inlineContent":[{"inlineContent":[{"text":"Choose a row style that fits the information you need to display.","type":"text"}],"type":"strong"},{"text":" For example, you might need to display a small image in the leading end of a row, followed by a brief explanatory label. Some platforms provide built-in row styles you can use to arrange content in list rows, such as the ","type":"text"},{"identifier":"doc:\/\/com.apple.documentation\/documentation\/UIKit\/UIListContentConfiguration-swift.struct","isActive":true,"type":"reference"},{"text":" API you can use to lay out content in a list’s rows, headers, and footers in iOS, iPadOS, and tvOS.","type":"text"}],"type":"paragraph"},{"anchor":"Platform-considerations","level":2,"text":"Platform considerations","type":"heading"},{"anchor":"iOS-iPadOS-visionOS","level":3,"text":"iOS, iPadOS, visionOS","type":"heading"},{"inlineContent":[{"inlineContent":[{"text":"Use an info button only to reveal more information about a row’s content.","type":"text"}],"type":"strong"},{"text":" An info button — called a ","type":"text"},{"inlineContent":[{"text":"detail disclosure button","type":"text"}],"type":"emphasis"},{"text":" when it appears in a list row — doesn’t support navigation through a hierarchical table or list. If you need to let people drill into a list or table row’s subviews, use a disclosure indicator accessory control. For developer guidance, see ","type":"text"},{"identifier":"doc:\/\/com.apple.documentation\/documentation\/UIKit\/UITableViewCell\/AccessoryType-swift.enum\/disclosureIndicator","isActive":true,"type":"reference"},{"text":".","type":"text"}],"type":"paragraph"},{"columns":[{"alignment":"leading","content":[{"inlineContent":[{"identifier":"info-button-in-list.png","metadata":{"abstract":[{"text":"An info button shows details about a list item; it doesn’t support navigation.","type":"text"}]},"type":"image"}],"type":"paragraph"}],"size":1},{"alignment":"leading","content":[{"inlineContent":[{"identifier":"disclosure-indicator-in-list.png","metadata":{"abstract":[{"text":"A disclosure indicator reveals the next level in a hierarchy; it doesn’t show details about the item.","type":"text"}]},"type":"image"}],"type":"paragraph"}],"size":1}],"numberOfColumns":2,"type":"row"},{"inlineContent":[{"inlineContent":[{"text":"Avoid adding an index to a table that displays controls — like disclosure indicators — in the trailing ends of its rows.","type":"text"}],"type":"strong"},{"text":" An ","type":"text"},{"inlineContent":[{"text":"index","type":"text"}],"type":"emphasis"},{"text":" typically consists of the letters in an alphabet, displayed vertically at the trailing side of a list. People can jump to a specific section in the list by choosing the index letter that maps to it. Because both the index and elements like disclosure indicators appear on the trailing side of a list, it can be difficult for people to use one element without activating the other.","type":"text"}],"type":"paragraph"},{"anchor":"macOS","level":3,"text":"macOS","type":"heading"},{"inlineContent":[{"inlineContent":[{"text":"When it provides value, let people click a column heading to sort a table view based on that column","type":"text"}],"type":"strong"},{"text":". If people click the heading of a column that’s already sorted, re-sort the data in the opposite direction.","type":"text"}],"type":"paragraph"},{"inlineContent":[{"inlineContent":[{"text":"Let people resize columns.","type":"text"}],"type":"strong"},{"text":" Data displayed in a table view often varies in width. People appreciate resizing columns to help them concentrate on different areas or reveal clipped data.","type":"text"}],"type":"paragraph"},{"inlineContent":[{"inlineContent":[{"text":"Consider using alternating row colors in a multicolumn table.","type":"text"}],"type":"strong"},{"text":" Alternating colors can help people track row values across columns, especially in a wide table.","type":"text"}],"type":"paragraph"},{"inlineContent":[{"inlineContent":[{"text":"Use an outline view instead of a table view to present hierarchical data.","type":"text"}],"type":"strong"},{"text":" An ","type":"text"},{"identifier":"https:\/\/developer.apple.com\/design\/human-interface-guidelines\/outline-views","isActive":true,"type":"reference"},{"text":" looks like a table view, but includes disclosure triangles for exposing nested levels of data. For example, an outline view might display folders and the items they contain.","type":"text"}],"type":"paragraph"},{"anchor":"tvOS","level":3,"text":"tvOS","type":"heading"},{"inlineContent":[{"inlineContent":[{"text":"Confirm that images near a table still look good as each row highlights and slightly increases in size when it becomes focused.","type":"text"}],"type":"strong"},{"text":" A focused row’s corners can also become rounded, which may affect the appearance of images on either side of it. Account for this effect as you prepare images, and don’t add your own masks to round the corners.","type":"text"}],"type":"paragraph"},{"anchor":"watchOS","level":3,"text":"watchOS","type":"heading"},{"inlineContent":[{"inlineContent":[{"text":"When possible, limit the number of rows.","type":"text"}],"type":"strong"},{"text":" Short lists are easier for people to scan, but sometimes people expect a long list of items. For example, if people subscribe to a large number of podcasts, they might think something’s wrong if they can’t view all their items. You can help make a long list more manageable by listing the most relevant items and providing a way for people to view more.","type":"text"}],"type":"paragraph"},{"inlineContent":[{"inlineContent":[{"text":"Constrain the length of detail views if you want to support vertical page-based navigation.","type":"text"}],"type":"strong"},{"text":" People use vertical page-based navigation to swipe vertically among the detail items of different list rows. Navigating in this way saves time because people don’t need to return to the list to tap a new detail item, but it works only when detail views are short. If your detail views scroll, people won’t be able to use vertical page-based navigation to swipe among them.","type":"text"}],"type":"paragraph"},{"anchor":"Resources","level":2,"text":"Resources","type":"heading"},{"anchor":"Related","level":4,"text":"Related","type":"heading"},{"inlineContent":[{"identifier":"doc:\/\/com.apple.HIG\/design\/Human-Interface-Guidelines\/collections","isActive":true,"type":"reference"}],"type":"paragraph"},{"inlineContent":[{"identifier":"doc:\/\/com.apple.HIG\/design\/Human-Interface-Guidelines\/outline-views","isActive":true,"type":"reference"}],"type":"paragraph"},{"inlineContent":[{"identifier":"doc:\/\/com.apple.HIG\/design\/Human-Interface-Guidelines\/layout","isActive":true,"type":"reference"}],"type":"paragraph"},{"anchor":"Developer-documentation","level":4,"text":"Developer documentation","type":"heading"},{"inlineContent":[{"identifier":"doc:\/\/com.apple.documentation\/documentation\/SwiftUI\/List","isActive":true,"type":"reference"},{"text":" — SwiftUI","type":"text"}],"type":"paragraph"},{"inlineContent":[{"identifier":"doc:\/\/com.apple.documentation\/documentation\/SwiftUI\/Tables","isActive":true,"type":"reference"},{"text":" — SwiftUI","type":"text"}],"type":"paragraph"},{"inlineContent":[{"identifier":"doc:\/\/com.apple.documentation\/documentation\/UIKit\/UITableView","isActive":true,"type":"reference"},{"text":" — UIKit","type":"text"}],"type":"paragraph"},{"inlineContent":[{"identifier":"doc:\/\/com.apple.documentation\/documentation\/AppKit\/NSTableView","isActive":true,"type":"reference"},{"text":" — AppKit","type":"text"}],"type":"paragraph"},{"anchor":"Videos","level":4,"text":"Videos","type":"heading"},{"items":["doc:\/\/com.apple.documentation\/videos\/play\/wwdc2020\/10031"],"style":"compactGrid","type":"links"},{"anchor":"Change-log","level":2,"text":"Change log","type":"heading"},{"header":"row","rows":[[[{"inlineContent":[{"text":"Date","type":"text"}],"type":"paragraph"}],[{"inlineContent":[{"text":"Changes","type":"text"}],"type":"paragraph"}]],[[{"inlineContent":[{"text":"June 21, 2023","type":"text"}],"type":"paragraph"}],[{"inlineContent":[{"text":"Updated to include guidance for visionOS.","type":"text"}],"type":"paragraph"}]],[[{"inlineContent":[{"text":"June 5, 2023","type":"text"}],"type":"paragraph"}],[{"inlineContent":[{"text":"Updated guidance to reflect changes in watchOS 10.","type":"text"}],"type":"paragraph"}]]],"type":"table"}],"kind":"content"}],"schemaVersion":{"major":0,"minor":3,"patch":0},"sections":[],"topicSectionsStyle":"compactGrid","references":{"1636D358-5C36-4027-B204-81FFE4D05B7D":{"alt":null,"identifier":"1636D358-5C36-4027-B204-81FFE4D05B7D","type":"image","variants":[{"traits":["1x"],"url":"https:\/\/devimages-cdn.apple.com\/wwdc-services\/images\/49\/1636D358-5C36-4027-B204-81FFE4D05B7D\/3455_wide_250x141_1x.jpg"},{"traits":["2x"],"url":"https:\/\/devimages-cdn.apple.com\/wwdc-services\/images\/49\/1636D358-5C36-4027-B204-81FFE4D05B7D\/3455_wide_250x141_2x.jpg"},{"traits":["3x"],"url":"https:\/\/devimages-cdn.apple.com\/wwdc-services\/images\/49\/1636D358-5C36-4027-B204-81FFE4D05B7D\/3455_wide_250x141_3x.jpg"}]},"components-collections-thumbnail.png":{"alt":"A stylized representation of six image icons, separated into two rows of three. The image is tinted red to subtly reflect the red in the original six-color Apple logo.","identifier":"components-collections-thumbnail.png","type":"image","variants":[{"traits":["2x","light"],"url":"\/images\/com.apple.HIG\/components-collections-thumbnail@2x.png"},{"traits":["2x","dark"],"url":"\/images\/com.apple.HIG\/components-collections-thumbnail~dark@2x.png"}]},"components-layout-and-organization-thumbnail.png":{"alt":"A stylized representation of a window that's divided into three areas: a toolbar above two side-by-side views, suggesting layout and organization. The image is tinted red to subtly reflect the red in the original six-color Apple logo.","identifier":"components-layout-and-organization-thumbnail.png","type":"image","variants":[{"traits":["2x","light"],"url":"\/images\/com.apple.HIG\/components-layout-and-organization-thumbnail@2x.png"},{"traits":["2x","dark"],"url":"\/images\/com.apple.HIG\/components-layout-and-organization-thumbnail~dark@2x.png"}]},"components-lists-and-tables-intro.png":{"alt":"A stylized representation of a three-row table with header and footer text. The image is tinted red to subtly reflect the red in the original six-color Apple logo.","identifier":"components-lists-and-tables-intro.png","type":"image","variants":[{"traits":["2x","light"],"url":"\/images\/com.apple.HIG\/components-lists-and-tables-intro@2x.png"},{"traits":["2x","dark"],"url":"\/images\/com.apple.HIG\/components-lists-and-tables-intro~dark@2x.png"}]},"components-lists-and-tables-thumbnail.png":{"alt":"A stylized representation of a three-row table. The image is tinted red to subtly reflect the red in the original six-color Apple logo.","identifier":"components-lists-and-tables-thumbnail.png","type":"image","variants":[{"traits":["2x","light"],"url":"\/images\/com.apple.HIG\/components-lists-and-tables-thumbnail@2x.png"},{"traits":["2x","dark"],"url":"\/images\/com.apple.HIG\/components-lists-and-tables-thumbnail~dark@2x.png"}]},"components-outline-views-thumbnail.png":{"alt":"A stylized representation of a list of folders and images, displayed in an outline view with their names and modified dates. The image is tinted red to subtly reflect the red in the original six-color Apple logo.","identifier":"components-outline-views-thumbnail.png","type":"image","variants":[{"traits":["2x","light"],"url":"\/images\/com.apple.HIG\/components-outline-views-thumbnail@2x.png"},{"traits":["2x","dark"],"url":"\/images\/com.apple.HIG\/components-outline-views-thumbnail~dark@2x.png"}]},"components.png":{"alt":"","identifier":"components.png","type":"image","variants":[{"traits":["2x","light"],"url":"\/images\/com.apple.HIG\/components@2x.png"},{"traits":["2x","dark"],"url":"\/images\/com.apple.HIG\/components~dark@2x.png"}]},"disclosure-indicator-in-list.png":{"alt":"An illustration of a grouped list of rows. Each list item includes a right-pointing chevron at the trailing end of the row.","identifier":"disclosure-indicator-in-list.png","type":"image","variants":[{"traits":["2x","light"],"url":"\/images\/com.apple.HIG\/disclosure-indicator-in-list@2x.png"},{"traits":["2x","dark"],"url":"\/images\/com.apple.HIG\/disclosure-indicator-in-list~dark@2x.png"}]},"doc://com.apple.HIG/design/Human-Interface-Guidelines/collections":{"abstract":[{"text":"A collection manages an ordered set of content and presents it in a customizable and highly visual layout.","type":"text"}],"identifier":"doc:\/\/com.apple.HIG\/design\/Human-Interface-Guidelines\/collections","images":[{"identifier":"components-collections-thumbnail.png","type":"card"}],"kind":"article","role":"article","title":"Collections","type":"topic","url":"\/design\/human-interface-guidelines\/collections"},"doc://com.apple.HIG/design/Human-Interface-Guidelines/components":{"abstract":[{"text":"Learn how to use and customize system-defined components to give people a familiar and consistent experience.","type":"text"}],"identifier":"doc:\/\/com.apple.HIG\/design\/Human-Interface-Guidelines\/components","images":[{"identifier":"overview.svg","type":"icon"},{"identifier":"components.png","type":"card"}],"kind":"article","role":"collectionGroup","title":"Components","type":"topic","url":"\/design\/human-interface-guidelines\/components"},"doc://com.apple.HIG/design/Human-Interface-Guidelines/layout":{"abstract":[{"text":"A consistent layout that adapts across display sizes, orientations, and multitasking configurations helps people understand and enjoy your app or game on all their devices.","type":"text"}],"identifier":"doc:\/\/com.apple.HIG\/design\/Human-Interface-Guidelines\/layout","images":[{"identifier":"layout.svg","type":"icon"},{"identifier":"foundations-layout-thumbnail.png","type":"card"}],"kind":"article","role":"article","title":"Layout","type":"topic","url":"\/design\/human-interface-guidelines\/layout"},"doc://com.apple.HIG/design/Human-Interface-Guidelines/layout-and-organization":{"abstract":[],"identifier":"doc:\/\/com.apple.HIG\/design\/Human-Interface-Guidelines\/layout-and-organization","images":[{"identifier":"layout-and-organization.svg","type":"icon"},{"identifier":"components-layout-and-organization-thumbnail.png","type":"card"}],"kind":"article","role":"collectionGroup","title":"Layout and organization","type":"topic","url":"\/design\/human-interface-guidelines\/layout-and-organization"},"doc://com.apple.HIG/design/Human-Interface-Guidelines/outline-views":{"abstract":[{"text":"An outline view presents hierarchical data in a scrolling list of cells that are organized into columns and rows.","type":"text"}],"identifier":"doc:\/\/com.apple.HIG\/design\/Human-Interface-Guidelines\/outline-views","images":[{"identifier":"components-outline-views-thumbnail.png","type":"card"}],"kind":"article","role":"article","title":"Outline views","type":"topic","url":"\/design\/human-interface-guidelines\/outline-views"},"doc://com.apple.HIG/design/human-interface-guidelines":{"abstract":[{"text":"The HIG contains guidance and best practices that can help you design a","type":"text"},{"text":" ","type":"text"},{"text":"great experience for any Apple platform.","type":"text"}],"identifier":"doc:\/\/com.apple.HIG\/design\/human-interface-guidelines","images":[{"identifier":"human-interface-guidelines-page-image-card.png","type":"card"}],"kind":"article","role":"collection","title":"Human Interface Guidelines","type":"topic","url":"\/design\/human-interface-guidelines"},"doc://com.apple.documentation/documentation/AppKit/NSTableView":{"abstract":[{"text":"A set of related records, displayed in rows that represent individual records and columns that represent the attributes of those records.","type":"text"}],"fragments":[{"kind":"keyword","text":"class"},{"kind":"text","text":" "},{"kind":"identifier","text":"NSTableView"}],"identifier":"doc:\/\/com.apple.documentation\/documentation\/AppKit\/NSTableView","kind":"symbol","navigatorTitle":[{"kind":"identifier","text":"NSTableView"}],"role":"symbol","title":"NSTableView","type":"topic","url":"\/documentation\/appkit\/nstableview"},"doc://com.apple.documentation/documentation/SwiftUI/List":{"abstract":[{"text":"A container that presents rows of data arranged in a single column,","type":"text"},{"text":" ","type":"text"},{"text":"optionally providing the ability to select one or more members.","type":"text"}],"fragments":[{"kind":"keyword","text":"struct"},{"kind":"text","text":" "},{"kind":"identifier","text":"List"}],"identifier":"doc:\/\/com.apple.documentation\/documentation\/SwiftUI\/List","kind":"symbol","navigatorTitle":[{"kind":"identifier","text":"List"}],"role":"symbol","title":"List","type":"topic","url":"\/documentation\/swiftui\/list"},"doc://com.apple.documentation/documentation/SwiftUI/ListStyle":{"abstract":[{"text":"A protocol that describes the behavior and appearance of a list.","type":"text"}],"fragments":[{"kind":"keyword","text":"protocol"},{"kind":"text","text":" "},{"kind":"identifier","text":"ListStyle"}],"identifier":"doc:\/\/com.apple.documentation\/documentation\/SwiftUI\/ListStyle","kind":"symbol","navigatorTitle":[{"kind":"identifier","text":"ListStyle"}],"role":"symbol","title":"ListStyle","type":"topic","url":"\/documentation\/swiftui\/liststyle"},"doc://com.apple.documentation/documentation/SwiftUI/Tables":{"abstract":[{"text":"Display selectable, sortable data arranged in rows and columns.","type":"text"}],"identifier":"doc:\/\/com.apple.documentation\/documentation\/SwiftUI\/Tables","kind":"article","role":"collectionGroup","title":"Tables","type":"topic","url":"\/documentation\/swiftui\/tables"},"doc://com.apple.documentation/documentation/UIKit/UIListContentConfiguration-swift.struct":{"abstract":[{"text":"A content configuration for a list-based content view.","type":"text"}],"fragments":[{"kind":"keyword","text":"struct"},{"kind":"text","text":" "},{"kind":"identifier","text":"UIListContentConfiguration"}],"identifier":"doc:\/\/com.apple.documentation\/documentation\/UIKit\/UIListContentConfiguration-swift.struct","kind":"symbol","navigatorTitle":[{"kind":"identifier","text":"UIListContentConfiguration"}],"role":"symbol","title":"UIListContentConfiguration","type":"topic","url":"\/documentation\/uikit\/uilistcontentconfiguration-swift.struct"},"doc://com.apple.documentation/documentation/UIKit/UITableView":{"abstract":[{"text":"A view that presents data using rows in a single column.","type":"text"}],"fragments":[{"kind":"keyword","text":"class"},{"kind":"text","text":" "},{"kind":"identifier","text":"UITableView"}],"identifier":"doc:\/\/com.apple.documentation\/documentation\/UIKit\/UITableView","kind":"symbol","navigatorTitle":[{"kind":"identifier","text":"UITableView"}],"role":"symbol","title":"UITableView","type":"topic","url":"\/documentation\/uikit\/uitableview"},"doc://com.apple.documentation/documentation/UIKit/UITableViewCell/AccessoryType-swift.enum/disclosureIndicator":{"abstract":[{"text":"A chevron-shaped control for presenting new content.","type":"text"}],"fragments":[{"kind":"keyword","text":"case"},{"kind":"text","text":" "},{"kind":"identifier","text":"disclosureIndicator"}],"identifier":"doc:\/\/com.apple.documentation\/documentation\/UIKit\/UITableViewCell\/AccessoryType-swift.enum\/disclosureIndicator","kind":"symbol","role":"symbol","title":"UITableViewCell.AccessoryType.disclosureIndicator","type":"topic","url":"\/documentation\/uikit\/uitableviewcell\/accessorytype-swift.enum\/disclosureindicator"},"doc://com.apple.documentation/documentation/technologies":{"abstract":[],"identifier":"doc:\/\/com.apple.documentation\/documentation\/technologies","kind":"technologies","role":"overview","title":"Technologies","type":"topic","url":"\/documentation\/technologies"},"doc://com.apple.documentation/videos/play/wwdc2020/10031":{"abstract":[{"text":"Display detailed data in your SwiftUI apps more quickly and efficiently with improved stacks and new list and outline views. Now available on iOS and iPadOS for the first time, outlines are a new multi-platform tool for expressing hierarchical data that work alongside stacks and lists. Learn how to use new and improved tools in SwiftUI to display more content on screen when using table views, create smooth-scrolling and responsive stacks, and build out list views for content that needs more than a vStack can provide. Take your layout options even further with the new grid view, as well as disclosure groups.\n\nTo get the most out of this video, we recommend first checking out “SwiftUI App Essentials,” which provides an overview of everything new in SwiftUI for 2020. If you’re brand-new to coding with SwiftUI, we also suggest watching 2019’s “SwiftUI Essentials” talk.","type":"text"}],"identifier":"doc:\/\/com.apple.documentation\/videos\/play\/wwdc2020\/10031","images":[{"identifier":"1636D358-5C36-4027-B204-81FFE4D05B7D","type":"card"}],"kind":"article","role":"article","title":"Stacks, Grids, and Outlines in SwiftUI","type":"topic","url":"https:\/\/developer.apple.com\/videos\/play\/wwdc2020\/10031"},"foundations-layout-thumbnail.png":{"alt":"A sketch of a small rectangle in the upper-left quadrant of a larger rectangle, suggesting the position of a user interface element within a window. The image is overlaid with rectangular and circular grid lines and is tinted yellow to subtly reflect the yellow in the original six-color Apple logo.","identifier":"foundations-layout-thumbnail.png","type":"image","variants":[{"traits":["2x","light"],"url":"\/images\/com.apple.HIG\/foundations-layout-thumbnail@2x.png"},{"traits":["2x","dark"],"url":"\/images\/com.apple.HIG\/foundations-layout-thumbnail~dark@2x.png"}]},"https://developer.apple.com/design/human-interface-guidelines/collections":{"identifier":"https:\/\/developer.apple.com\/design\/human-interface-guidelines\/collections","title":"collection","titleInlineContent":[{"text":"collection","type":"text"}],"type":"link","url":"https:\/\/developer.apple.com\/design\/human-interface-guidelines\/collections"},"https://developer.apple.com/design/human-interface-guidelines/outline-views":{"identifier":"https:\/\/developer.apple.com\/design\/human-interface-guidelines\/outline-views","title":"outline view","titleInlineContent":[{"text":"outline view","type":"text"}],"type":"link","url":"https:\/\/developer.apple.com\/design\/human-interface-guidelines\/outline-views"},"https://developer.apple.com/design/human-interface-guidelines/split-views":{"identifier":"https:\/\/developer.apple.com\/design\/human-interface-guidelines\/split-views","title":"split view","titleInlineContent":[{"text":"split view","type":"text"}],"type":"link","url":"https:\/\/developer.apple.com\/design\/human-interface-guidelines\/split-views"},"https://support.apple.com/guide/applestyleguide/c-apsgb744e4a3/web#apdca93e113f1d64":{"identifier":"https:\/\/support.apple.com\/guide\/applestyleguide\/c-apsgb744e4a3\/web#apdca93e113f1d64","title":"title-style capitalization","titleInlineContent":[{"text":"title-style capitalization","type":"text"}],"type":"link","url":"https:\/\/support.apple.com\/guide\/applestyleguide\/c-apsgb744e4a3\/web#apdca93e113f1d64"},"human-interface-guidelines-page-image-card.png":{"alt":"An illustration of several Liquid Glass components such as toggles, sliders, and buttons, atop a neutral background. The transparent components cast shadows on the background and allow their colored elements, like a blue slider track and a green toggle backing, to show through, highlighting the Liquid Glass material's lensing effect.","identifier":"human-interface-guidelines-page-image-card.png","type":"image","variants":[{"traits":["2x","light"],"url":"\/images\/com.apple.HIG\/human-interface-guidelines-page-image-card@2x.png"}]},"info-button-in-list.png":{"alt":"An illustration of a grouped list of rows. Each list item includes an info button at the trailing end of the row.","identifier":"info-button-in-list.png","type":"image","variants":[{"traits":["2x","light"],"url":"\/images\/com.apple.HIG\/info-button-in-list@2x.png"},{"traits":["2x","dark"],"url":"\/images\/com.apple.HIG\/info-button-in-list~dark@2x.png"}]},"layout-and-organization.svg":{"alt":"An icon of a window that's divided into three areas: a toolbar above two side-by-side views, suggesting layout and organization.","identifier":"layout-and-organization.svg","type":"image","variants":[{"svgID":"layout-and-organization","traits":["1x","light"],"url":"\/images\/com.apple.HIG\/layout-and-organization.svg"}]},"layout.svg":{"alt":"An icon of a small rectangle in the upper-left quadrant of a larger rectangle that suggests the position of a user interface element within a window.","identifier":"layout.svg","type":"image","variants":[{"svgID":"layout","traits":["1x","light"],"url":"\/images\/com.apple.HIG\/layout.svg"}]},"overview.svg":{"alt":"An icon of a grid comprised of four squares.","identifier":"overview.svg","type":"image","variants":[{"svgID":"overview","traits":["1x","light"],"url":"\/images\/com.apple.HIG\/overview.svg"}]}},"variantOverrides":[{"patch":[{"op":"replace","path":"\/references\/doc:~1~1com.apple.documentation~1documentation~1AppKit~1NSTableView\/fragments","value":[{"kind":"identifier","text":"NSTableView"}]},{"op":"replace","path":"\/references\/doc:~1~1com.apple.documentation~1documentation~1UIKit~1UITableView\/fragments","value":[{"kind":"identifier","text":"UITableView"}]},{"op":"replace","path":"\/references\/doc:~1~1com.apple.documentation~1documentation~1UIKit~1UITableViewCell~1AccessoryType-swift.enum~1disclosureIndicator\/title","value":"UITableViewCellAccessoryDisclosureIndicator"},{"op":"replace","path":"\/references\/doc:~1~1com.apple.documentation~1documentation~1UIKit~1UITableViewCell~1AccessoryType-swift.enum~1disclosureIndicator\/fragments","value":[{"kind":"identifier","text":"UITableViewCellAccessoryDisclosureIndicator"}]},{"op":"add","path":"\/references\/doc:~1~1com.apple.documentation~1documentation~1UIKit~1UITableViewCell~1AccessoryType-swift.enum~1disclosureIndicator\/navigatorTitle","value":[{"kind":"identifier","text":"UITableViewCellAccessoryDisclosureIndicator"}]}],"traits":[{"interfaceLanguage":"occ"}]}]}