List Web Part in SharePoint Online

Introduction

This article provides an overview of the List web part, enabling the presentation of a list from the site on a page with the option to customize its title, view, and size.

Supported list types include custom lists, announcement lists, contact lists, and issue tracking lists. Individuals can observe, filter, sort, and group the list, or access the list page through the "See all" option. Furthermore, the web part accommodates the display of formatted columns, nested groups, and an attention view.

 To add a list to a page, confirm the list is on the site. Create it if needed. For a custom view, set it up first. Go to the page, click "Edit" if not in edit mode, hover near a web part, click +, select "List," and choose the list to add.

List

After incorporating the List Web Part, it immediately presents the accessible Lists on the SharePoint site page, as depicted below. The options for moving, editing, duplicating, or deleting the web part are also available. Choose the desired list accordingly.

List

Upon clicking the "Edit" Web part option, the properties panel appears on the right side of the page, presenting various editing options.

  1. List: Choose the desired list from the drop-down menu to display it on your SharePoint site page. Then, click the Apply button.
    List
  2. View: In the "View" section, pick a specific view from the drop-down menu from the options, like "All items”, “Grouped by priority”, or “Grouped by work item progress”.
    View
  3. Folder: Leverage the folder option by entering the path separated by '/'. This facilitates the incorporation and display of nested folders within the List Web Part on the SharePoint site page.
    Folder
  4. Size: Choose from different size options, including Auto Size, small, medium, and large.
    Size
  5. Show Command Bar: Toggle the "Show command bar" control in the property pane to either display or hide the command bar.
    Command bar
  6. Show “See all” button: Utilize the "See all" toggle to dynamically show or hide the "See all" option in the List web part.
    See all button
  7. Dynamic Filtering: Dynamic filtering filters items in one list or library based on selections made in another web part, offering a dynamic and interconnected experience that refines displayed content in real time.
    Dynamic Filtering
  8. After selecting relevant options, select the “Apply” button
     
  9. If the command bar is displayed, the list web part provides additional customization choices, including options such as New, Edit in grid view, Sync, Export to Excel, All Items, and Open the details pane icon.
    Tracker
     
    • New: Choose the "New" option to create a new item in the list.
    • Edit in grid view: Opt for the "Edit in grid view" to make edits to the list within a grid-based interface.
    • Share: The "Share" option allows sharing the selected item with others, facilitating collaboration and access to specific list items.
    • Export to Excel: Opt for "Export to Excel" to export data from the list web part to an Excel file.
    • All Items: Through the "All Items" options, users can generate different views within the list. Various options available to choose from are List, Compact, Gallery, All Items, Grouped by priority, Grouped by work item progress, Create a new view, Save view as Edit current view.