<!--
|
* @Description:
|
* @version:
|
* @Author: chen jing wu
|
* @Date: 2023-04-27 11:23:11
|
* @LastEditors: chen jing wu
|
* @LastEditTime: 2023-05-08 11:29:27
|
-->
|
<template>
|
<lightning-card>
|
<!-- <lightning-button slot="actions" variant="brand" label="Add Row" onclick={addRow}></lightning-button> -->
|
<div class="slds-card__body slds-card__body_inner">
|
<table class="slds-table slds-table_bordered slds-table_cell-buffer slds-var-m-bottom_large">
|
<thead>
|
<tr class="slds-text-title_caps">
|
<template for:each={columns} for:item="column">
|
<th key={column.apiName}><div class="slds-truncate">{column.label}</div></th>
|
</template>
|
</tr>
|
</thead>
|
<tbody>
|
<template for:each={rows} for:item="row" for:index="index">
|
<tr class="inputRows" key={row.uuid}>
|
<template for:each={columns} for:item="column">
|
<td key={column.apiName}>
|
<c-lex-input-pick-list-cell class="fields" field-type={column.fieldType} record={row} field={column.apiName} object-name={column.objectName} value={column.value} read-only={column.readOnly} required={column.required}></c-lex-input-pick-list-cell>
|
<c-lex-input-table-cell class="fields" field-type={column.fieldType} record={row} field={column.apiName} required={column.required}></c-lex-input-table-cell>
|
<c-lex-input-lookup-cell class="fields" field-type={column.fieldType} field-name={column.apiName} record={row} api-name={column.objectName} disable={column.disable} required={column.required}></c-lex-input-lookup-cell>
|
</td>
|
</template>
|
<td>
|
<lightning-button-icon icon-name="utility:add" value={index} variant="bare" onclick={addRow}></lightning-button-icon>
|
</td>
|
<td>
|
<lightning-button-icon icon-name="utility:delete" value={index} variant="bare" onclick={removeRow}></lightning-button-icon>
|
</td>
|
</tr>
|
</template>
|
</tbody>
|
</table>
|
</div>
|
</lightning-card>
|
</template>
|
