[SalesForce] Lightning Data Table and File Preview

Was wondering if anyone has figured out how to integrate the File Preview (for PDFs, jpgs etc.) that is present in the standard Files Related List into Lightning Data Table? i found this link that can open a preview "/sfc/servlet.shepherd/version/renditionDownload?rendition=THUMB720BY480&versionId=0688E0000008paMQAQ" but its not in the same in functionality and layout (ie. doesnt have the Download, Share etc. links). I've seen some uses of lightning:fileCard but not within Lightning Datatable

Best Answer

Create a row action in data table and launch slds modal opener where you can use lightning:fileCard base component to preview a file.

Related Solutions

[SalesForce] Rendering data from Wrapper Class into Lightning Data table

The reason here is that lightning:datatable doesn't support complex objects. As columns in datatable you can only use speciffic fields of an object so you can't do something like

{label: 'Phone', fieldName: 'con.Phone', type: 'text'},

Instead you need to prepare your data so you don't need to reach fields of an object inside it:

{label: 'Phone', fieldName: 'contactPhone', type: 'text'},

This requires some work to be done on Apex side of your component - probably changing the definition of ContactDecorator.class so it lightning:datatable can have direct access to Contact's and Referral' fields.

[SalesForce] Lightning Data Table inline edit

The keyField should be Id, not id. Note that JavaScript is case sensitive, and as such, Lightning is also case-sensitive. You should get the correct Id so long as you use the correct casing.

Best Answer

Related Solutions

[SalesForce] Rendering data from Wrapper Class into Lightning Data table

[SalesForce] Lightning Data Table inline edit

Related Topic