<template>
|
<lightning-card>
|
<lightning-spinner if:true={isSpinner} variant="brand" size="large"> </lightning-spinner>
|
<lightning-layout>
|
<lightning-layout-item size="12">
|
<lightning-button class="slds-float--right slds-m-around_small" variant="brand" label="Save"
|
onclick={saveRows}>
|
</lightning-button>
|
<table class="slds-table slds-table_cell-buffer slds-table_bordered slds-border_left slds-border_right"
|
aria-labelledby="element-with-table-label other-element-with-table-label">
|
<thead>
|
<tr>
|
<th>Name</th>
|
<th>Industry</th>
|
<th>Phone</th>
|
<th>Email</th>
|
<th></th>
|
</tr>
|
</thead>
|
<tbody>
|
<template for:each={filterList} for:item="filterData" for:index="index">
|
<tr key={filterData}>
|
<td>
|
<lightning-input type="text" name="accName" data-index={index}
|
variant="label-hidden" placeholder="" onchange={handleChange}
|
value={filterData.Name}>
|
</lightning-input>
|
</td>
|
<td>
|
<lightning-combobox name="industry" data-index={index} variant="label-hidden"
|
placeholder="" onchange={handleChange} value={filterData.Industry}
|
options={industryOptions}>
|
</lightning-combobox>
|
</td>
|
<td>
|
<lightning-input type="text" name="accEmail" data-index={index}
|
variant="label-hidden" placeholder="" onchange={handleChange}
|
value={filterData.Email}>
|
</lightning-input>
|
</td>
|
<td>
|
<lightning-input type="text" name="accPhone" data-index={index}
|
value={filterData.Phone} variant="label-hidden" onchange={handleChange}>
|
</lightning-input>
|
</td>
|
<td>
|
<lightning-button-icon data-index={filterData.id} class="slds-float--right"
|
icon-name="action:new" onclick={handleAddRow}></lightning-button-icon>
|
<lightning-button-icon data-index={filterData.id} class="slds-float--right"
|
icon-name="action:delete" onclick={handleRemoveRow}></lightning-button-icon>
|
</td>
|
</tr>
|
</template>
|
</tbody>
|
</table>
|
</lightning-layout-item>
|
</lightning-layout>
|
</lightning-card>
|
</template>
|
