[SalesForce] How to get data from selected rows in a lightning datatable

How can I get data from a row selected in a lightning data table? I was looking at this post but it doesn't seem like the playground linked in the answer is working so I cannot see the helper method. The first answer for that uses a custom table and I would like to stick to using the lightning datatable. Does anyone have any examples? I would like to get the recordId's of the records selected, to be specific.

Best Answer

The playground / lwc documentation has a clear code sample of how to get row selection(s):

    <lightning-datatable
                key-field="id"
                data={data}
                columns={columns}
                onrowaction={handleRowSelection}>
        </lightning-datatable>

    handleRowSelection(event){
            const selectedRows = event.detail.selectedRows
    }

Related Solutions

[SalesForce] Re-Evaluating Selected-Rows in Lightning-Datatable When Data Changed

There is no two-way binding, the rows you selected won't be in selected-rows={selectedRows} . You have use onrowselection attribute on datatable.

<lightning-datatable
        key-field="Id"
        data={homes}
        columns={columns}
        selected-rows={selectedRows}
        onsort={sortColumns}
        sorted-by={sortField}
        sorted-direction={sortDirection}
        hide-checkbox-column={hideCheckboxes}
        onrowselection={getSelectedName}>
        resize-column-disabled=true>
</lightning-datatable>

and in JS store it somewhere like :

getSelectedName(event) {
            const selectedRows = event.detail.selectedRows;

            for (let i = 0; i < selectedRows.length; i++){
                 if (!selectedId.includes(selectedRows[i].Id))
                 selectedId.push(selectedId);
            }


        }

[SalesForce] LWC – Iterate through rows of lightning datatable using javascript

Another way would be to get the lightning-datatable using template.querySelector and then access the rows attribute

 iterateOverTable(event){        
        var table = this.template.querySelector('lightning-datatable');
        var rows = table.data;
        rows.forEach(function(element){
            console.log(element.name);
        });

    }

Playground Link : https://developer.salesforce.com/docs/component-library/tools/playground/Nh9CElBEE/1/edit

Best Answer

Related Solutions

[SalesForce] Re-Evaluating Selected-Rows in Lightning-Datatable When Data Changed

[SalesForce] LWC – Iterate through rows of lightning datatable using javascript

Related Topic