Skip to content

Instantly share code, notes, and snippets.

@robertStrunk
Last active January 11, 2022 17:41
Show Gist options
  • Save robertStrunk/d0e92e8f2c394aed28607cc5e05df8c8 to your computer and use it in GitHub Desktop.
Save robertStrunk/d0e92e8f2c394aed28607cc5e05df8c8 to your computer and use it in GitHub Desktop.
Experience Site datatable workaround
import { LightningElement } from 'lwc';
const LINK = 'link';
export default class ExampleComponent extends LightningElement {
columns = [
{
label: 'Label',
fieldName: 'name'
},
{
label: 'Name',
fieldName: LINK,
type: 'url',
typeAttributes: { label: { fieldName: 'name' } }
}
];
data = [
{name: 'nameValue', Id:'a091w000005CxjCAAS'},
{name: 'nameValue2', Id:'a091w000005CxjCAAS'},
{name: 'nameValue2', Id:'a091w000005CxjCAAS'}
];
communityURL = window.location.href.substring(0,window.location.href.search('\/s\/'));
connectedCallback(){
this.data = this.data.map( (row) => {
row[LINK] = this.communityURL + '/s/my-projects-details?c__rowId=' + row.Id;
return row;
});
}
}
<lightning-datatable
key-field="Id"
data={data}
columns={columns}>
</lightning-datatable>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment