|  |  |  | 
|---|
|  |  |  | <template> | 
|---|
|  |  |  | <template if:true={loader}> | 
|---|
|  |  |  | <lightning-spinner alternative-text="Loading..." size="small"></lightning-spinner> | 
|---|
|  |  |  | <lightning-spinner | 
|---|
|  |  |  | alternative-text="Loading..." | 
|---|
|  |  |  | size="small" | 
|---|
|  |  |  | ></lightning-spinner> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | <template if:true={records}> | 
|---|
|  |  |  | <div class="table-container"> | 
|---|
|  |  |  | 
|---|
|  |  |  | > | 
|---|
|  |  |  | </lightning-datatable> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <c-paginator | 
|---|
|  |  |  | if:true={paginationVisibility} | 
|---|
|  |  |  | <c-paginator | 
|---|
|  |  |  | onprevious={handlePrevious} | 
|---|
|  |  |  | onnext={handleNext} | 
|---|
|  |  |  | onpageschange={handlePageschange} | 
|---|
|  |  |  | onfirst={handleFirst} | 
|---|
|  |  |  | onlast={handleLast} | 
|---|
|  |  |  | page-size-options={pageSizeOptions} | 
|---|
|  |  |  | page-size-options={pageSizeOptions} | 
|---|
|  |  |  | previous-button-disabled={previousButtonDisabled} | 
|---|
|  |  |  | next-button-disabled={nextButtonDisabled} | 
|---|
|  |  |  | record-start={recordStart} | 
|---|
|  |  |  | 
|---|
|  |  |  | <template if:true={error}> | 
|---|
|  |  |  | <c-error-panel errors={error}></c-error-panel> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </template> | 
|---|