<template>
|
<template if:true={loader}>
|
<lightning-spinner alternative-text="Loading..." size="small"></lightning-spinner>
|
</template>
|
<template if:true={records}>
|
<div class="table-container">
|
<lightning-datatable
|
key-field="id"
|
class="wrapped-header-datatable"
|
data={records}
|
columns={columns}
|
sorted-by={sortBy}
|
sorted-direction={sortDirection}
|
onsort={doSorting}
|
>
|
</lightning-datatable>
|
</div>
|
<c-paginator
|
onprevious={handlePrevious}
|
onnext={handleNext}
|
onpageschange={handlePageschange}
|
onfirst={handleFirst}
|
onlast={handleLast}
|
page-size-options={pageSizeOptions}
|
previous-button-disabled={previousButtonDisabled}
|
next-button-disabled={nextButtonDisabled}
|
record-start={recordStart}
|
record-end={recordEnd}
|
total-records={totalRecords}
|
></c-paginator>
|
<lightning-datatable
|
key-field="id"
|
class="wrapped-header-datatable"
|
data={records}
|
columns={columns}
|
sorted-by={sortBy}
|
sorted-direction={sortDirection}
|
onsort={doSorting}
|
>
|
</lightning-datatable>
|
</template>
|
<template if:true={error}>
|
<c-error-panel errors={error}></c-error-panel>
|
</template>
|
</template>
|
