11< template >
2- <!-- Main content -->
3- < lightning-card variant ="Narrow " title ={title} icon-name ={iconName} >
4- < lightning-button label ="New " title ="Non-primary action " onclick ={newRecord} class ="slds-m-left_x-small "
5- slot ="actions "> </ lightning-button >
6- <!-- Error block -->
7- < template if:true ={error} >
8- < div class ="slds-notify slds-notify_alert slds-theme_alert-texture slds-theme_error " role ="alert ">
9- < span class ="slds-assistive-text "> error</ span >
10- < p > {error}</ p >
2+ <!-- Main content -->
3+ < lightning-card variant ="Narrow " title ={title} icon-name ={iconName} >
4+ < lightning-button label ="New " title ="Non-primary action " onclick ={newRecord} class ="slds-m-left_x-small "
5+ slot ="actions "> </ lightning-button >
6+ <!-- Error block -->
7+ < template if:true ={error} >
8+ < div class ="slds-notify slds-notify_alert slds-theme_alert-texture slds-theme_error " role ="alert ">
9+ < span class ="slds-assistive-text "> error</ span >
10+ < p > {error}</ p >
11+ </ div >
12+ </ template >
13+ <!-- Data table -->
14+ < template if:true ={data} >
15+ < lightning-datatable key-field ="id " data ={data} columns ={columns} onrowaction ={handleRowAction}
16+ hide-checkbox-column >
17+ </ lightning-datatable >
18+ </ template >
19+ <!-- Pagination -->
20+ < div slot ="footer " style ="text-align: right; ">
21+ < lightning-button variant ="brand " disabled ={isDisablePrev} label ="First " title ="Primary action "
22+ onclick ={firstPage} class ="slds-m-left_xx-small "> </ lightning-button >
23+ < lightning-button variant ="brand " disabled ={isDisablePrev} label ="Previous " title ="Primary action "
24+ onclick ={previous} class ="slds-m-left_xx-small "> </ lightning-button >
25+ < lightning-button variant ="brand " disabled ={isDisableNext} label ="Next " title ="Primary action " onclick ={next}
26+ class ="slds-m-left_xx-small "> </ lightning-button >
27+ < lightning-button variant ="brand " disabled ={isDisableNext} label ="Last " title ="Primary action "
28+ onclick ={lastPage} class ="slds-m-left_xx-small slds-m-right_xx-small "> </ lightning-button >
1129 </ div >
12- </ template >
13- <!-- Data table -->
14- < template if:true ={data} >
15- < lightning-datatable key-field ="id " data ={data} columns ={columns} onrowaction ={handleRowAction}
16- hide-checkbox-column >
17- </ lightning-datatable >
18- </ template >
19- <!-- Pagination -->
20- < div slot ="footer " style ="text-align: right; ">
21- < lightning-button variant ="brand " disabled ={isDisablePrev} label ="First " title ="Primary action "
22- onclick ={firstPage} class ="slds-m-left_xx-small "> </ lightning-button >
23- < lightning-button variant ="brand " disabled ={isDisablePrev} label ="Previous " title ="Primary action "
24- onclick ={previous} class ="slds-m-left_xx-small "> </ lightning-button >
25- < lightning-button variant ="brand " disabled ={isDisableNext} label ="Next " title ="Primary action " onclick ={next}
26- class ="slds-m-left_xx-small "> </ lightning-button >
27- < lightning-button variant ="brand " disabled ={isDisableNext} label ="Last " title ="Primary action "
28- onclick ={lastPage} class ="slds-m-left_xx-small slds-m-right_xx-small "> </ lightning-button >
29- </ div >
30- </ lightning-card >
30+ </ lightning-card >
3131</ template >
0 commit comments