The Datatable Flow Screen Component

For the latest on the Datatable component, please go here: Datatable – Lightning Web Component for Flow Screens

About

This Flow-enabled version of the base datatable component provides a powerful range of capabilities for use in Flow.

Note: If you have a Summer ’20 org or later we recommend using more modern Datatable 2.0

Features:

  • Supports up to 10 columns while displaying only the columns with actual parameter values
  • Parameters for Column Width and Column Alignment
  • All Columns are sortable
  • Optional record selection with Checkboxes (multi-select) or Radio Buttons (single select)
  • All Columns can be set to Editable
  • Supports pre-selected rows
  • An Icon can be displayed with the first Column Header
  • Support built in for up to 8 Standard and Custom Objects
  • Already configured to support Account, Asset, Case, Contact, Contract, and Opportunity (No editing of source code is necessary if you are using one of these objects)
    • Read this post for instructions on editing the component to support other objects

SAMPLE FLOW SCREEN created with multiple Lightning Components including 3 datatables

FLOW SCREEN SETUP with 8 Lightning Flow Screen Components

Installation

The package installation works with the specific objects listed above. If you want to use this with another standard object or a custom object, that’s quite easy to do but you need to make a couple of small modifications to the component javascript. See the readme for info on how to do that. (The reason is that it requires that an object array be passed to it to populate the rows, and Flow does not currently allow a generic object array or SObject array to be passed.)

The package will only work without modification for the 8 standard objects listed above. To support other objects, modify the component to point to your particular data type. The updates can be made in the Developer Console to the datatableFSC.cmp and the datatableFSC.design files.

Production Install Package (v2.7 11/30/19)
Sandbox Install Package (v2.7 11/30/19)

Old Versions

V 2.5 Install Package (v2.5 – 5/1/19)

Documentation

To learn about this component start with:

1) The base documentation

and then carry on to these great posts by Eric:

Enhance your Flows with Data Tables – Part 1

Enhance your Flows with Data Tables – Part 2

Enhance your Flows with Data Tables – Part 3

Enhance your Flows with Data Tables – Part 4

Updates

Update 11/27/19 – spider-bkv

Spider has added inline editing to this component. To get it work update to the latest functionality (see below for the 2.6 package, or incorporate the latest source).

See Enhance your Flows with Data Tables – Part 4 (Inline Editing) for more details and and a sample Flow.

Update 10/29/19 – Eric Smith

With the new release of Winter ’20, you will need to make sure you select the “Manually assign variables (advanced)” checkbox and set your output parameters to variable resources you have created in your flow.

Update 4/19/2019 – Eric Smith

Added support for no selection, single record selection, or multi-record selection
Added support for pre-selected records


Contribute & Roadmap

Several people have already contributed. Please feel free. The code is here.

Salesforce expects to add Flow support for generic SObjects in Summer ’20.