From 85f6fb6227a84936e192936ba480b4e03834df03 Mon Sep 17 00:00:00 2001
From: buli <137736985@qq.com>
Date: 星期五, 07 七月 2023 14:23:58 +0800
Subject: [PATCH] BackupLEXCommunity

---
 force-app/main/default/lwc/lwcDatatableUtility/lwcDatatableUtility.html |  135 ++++++++++++--------------------------------
 1 files changed, 37 insertions(+), 98 deletions(-)

diff --git a/force-app/main/default/lwc/lwcDatatableUtility/lwcDatatableUtility.html b/force-app/main/default/lwc/lwcDatatableUtility/lwcDatatableUtility.html
index 93200b0..8294ccc 100644
--- a/force-app/main/default/lwc/lwcDatatableUtility/lwcDatatableUtility.html
+++ b/force-app/main/default/lwc/lwcDatatableUtility/lwcDatatableUtility.html
@@ -1,32 +1,13 @@
 <template>
     <template if:true={records}>
-        <div
-            class="slds-grid slds-grid_vertical-align-center slds-grid_align-spread"
-        >
-            <div class="slds-col">
-                <!--RECORDS PER PAGE-->
-                <div
-                    style={paginationVisibility}
-                    class="slds-list_inline slds-p-bottom_xx-small customSelect"
-                >
-                    <label
-                        class="slds-text-color_weak slds-p-horizontal_x-small"
-                        for="recordsPerPage"
-                        >Page Size:</label
-                    >
+        <div class="slds-grid slds-grid_vertical-align-center slds-grid_align-spread">
+            <div class="slds-col"><!--RECORDS PER PAGE-->
+                <div style={paginationVisibility} class="slds-list_inline slds-p-bottom_xx-small customSelect">
+                    <label class="slds-text-color_weak slds-p-horizontal_x-small" for="recordsPerPage">Page Size:</label> 
                     <div class="slds-select_container">
-                        <select
-                            class="slds-select"
-                            id="recordsPerPage"
-                            onchange={handleRecordsPerPage}
-                        >
-                            <template
-                                for:each={pageSizeOptions}
-                                for:item="option"
-                            >
-                                <option key={option} value={option}>
-                                    {option}
-                                </option>
+                        <select class="slds-select" id="recordsPerPage" onchange={handleRecordsPerPage}>
+                            <template for:each={pageSizeOptions} for:item="option">
+                                <option key={option} value={option}>{option}</option>
                             </template>
                         </select>
                     </div>
@@ -41,101 +22,59 @@
             </div>         -->
         </div>
 
-        <div
-            class="slds-grid slds-grid_vertical-align-center slds-grid_align-spread"
-        >
-            <div class="slds-col">
+        <div class="slds-grid slds-grid_vertical-align-center slds-grid_align-spread">
+            <div class="slds-col">             
                 <div class="slds-col slds-p-bottom_xx-small">
                     <span>
-                        <label
-                            class="slds-text-color_weak slds-p-horizontal_x-small"
-                            >Total: {filtredNum}</label
-                        >
-                    </span>
+                        <label class="slds-text-color_weak slds-p-horizontal_x-small" >Total: {filtredNum}</label>  
+                    </span>  
                     <span>
-                        <label
-                            class="slds-text-color_weak slds-p-horizontal_x-small"
-                            >Selected: {totalSelected}</label
-                        >
-                    </span>
+                        <label class="slds-text-color_weak slds-p-horizontal_x-small" >Selected: {totalSelected}</label>  
+                    </span>                                                                                               
                 </div>
             </div>
-        </div>
+        </div> 
+        
 
-        <div
-            class="slds-grid slds-grid_vertical-align-center slds-grid_align-spread"
-        >
+        <div class="slds-grid slds-grid_vertical-align-center slds-grid_align-spread" >
             <div class="slds-col" style={tableHeightStyle}>
-                <lightning-datatable
-                    key-field={keyField}
-                    hide-checkbox-column={hidecheckboxcolumn}
-                    data={recordsToDisplay}
+                <lightning-datatable key-field={keyField} 
+                    hide-checkbox-column = {hidecheckboxcolumn}
+                    data={recordsToDisplay} 
                     columns={columns}
-                    max-row-selection={maxRowSelection}
-                    onrowselection={getSelectedRows}
-                    selected-rows={preSelected}
+                    max-row-selection={maxRowSelection} 
+                    onrowselection={getSelectedRows}   
+                    selected-rows={preSelected}    
                     default-sort-direction={defaultSortDirection}
                     sorted-direction={sortDirection}
                     sorted-by={sortedBy}
                     onsort={handelSort}
-                    show-row-number-column={showrownumber}
-                >
-                </lightning-datatable>
+                    show-row-number-column = {showrownumber}>
+                </lightning-datatable>              
             </div>
-        </div>
+        </div>    
 
-        <div
-            class="slds-grid slds-grid_vertical-align-center slds-grid_align-spread"
-            style="padding-top: 0.5em"
-        >
+        <div class="slds-grid slds-grid_vertical-align-center slds-grid_align-spread" style="padding-top: 0.5em;">
             <div class="slds-col"></div>
             <div class="slds-col"></div>
             <!--PAGE NAVIGATION-->
             <div class="slds-col">
-                <div style={paginationVisibility}>
-                    <div class="slds-col slds-p-bottom_xx-small">
+                <div style={paginationVisibility}>                 
+                    <div class="slds-col slds-p-bottom_xx-small">                     
                         <span>
-                            <lightning-button-icon
-                                icon-name="utility:chevronleft"
-                                variant="bare"
-                                size="medium"
-                                alternative-text="Previous Page"
-                                onclick={previousPage}
-                            ></lightning-button-icon>
+                            <lightning-button-icon icon-name="utility:chevronleft" variant="bare" size="medium" alternative-text="Previous Page" onclick={previousPage}></lightning-button-icon>
                         </span>
-                        <label
-                            class="slds-text-color_weak slds-p-horizontal_x-small"
-                            for="pageNum"
-                            >Page:</label
-                        >
-                        <input
-                            type="number"
-                            id="pageNum"
-                            value={pageNumber}
-                            maxlength="4"
-                            onkeypress={handlePageNumberChange}
-                            class="customInput"
-                            title="Go to a Page"
-                        />
-                        <span
-                            >&nbsp;of&nbsp;<b id="totalPages"
-                                >{totalPages}</b
-                            ></span
-                        >
+                        <label class="slds-text-color_weak slds-p-horizontal_x-small" for="pageNum">Page:</label> 
+                        <input type="number" id="pageNum" value={pageNumber} maxlength="4" onkeypress={handlePageNumberChange} class="customInput" title="Go to a Page"></input>
+                        <span>&nbsp;of&nbsp;<b id="totalPages">{totalPages}</b></span>
                         <span>
                             <template if:true={pageNumber}></template>
-                            <lightning-button-icon
-                                icon-name="utility:chevronright"
-                                variant="bare"
-                                size="medium"
-                                alternative-text="Next Page"
-                                onclick={nextPage}
-                                class="slds-p-horizontal_x-small"
-                            ></lightning-button-icon>
-                        </span>
+                            <lightning-button-icon icon-name="utility:chevronright" variant="bare" size="medium" alternative-text="Next Page" onclick={nextPage} class="slds-p-horizontal_x-small"></lightning-button-icon>
+                        </span>                                                          
                     </div>
                 </div>
-            </div>
+            </div>      
         </div>
-    </template>
+
+    </template>    
 </template>
\ No newline at end of file

--
Gitblit v1.9.1