Aggiungi ai preferitiAbhilash Pavushetti (Salesforce) ha fatto una domanda in #Lightning Experience18 set 2021, 08:42add colors to lwc datatable headerHi Everyone.I want to add colors to LWC standard Lightning datattable. Please let me know how to add. <div class="slds-m-top_small slds-m-bottom_xx-large" > <c-custom-type-component class="POdataTable" key-field="Id" data={POrecords} columns={columns} onrowselection={selectedRecord} selected-rows={preSelectedRows} onsave={handleReturnQuantity} draft-values={saveDraftValues} onclick={removeInlinePopover} oncancel={clearSelecteData} min-column-width="120" onrowaction={getPopUpInfo} suppress-bottom-bar={supp} onpicklistchanged={picklistChanged} ></c-custom-type-component> </div>-----JS----{label:'PO⌗', fieldName:'PO_Number__c', type:'text',class : "POdataTable", innerWidth:120, cellAttributes: { class: 'slds-text-color_success slds-text-title_caps slds-color__background_gray-5'} },-------- so on columns-------CSS-----.THIS {}.THIS .POdataTable thead th span { background-color: ⌗2a5596; color: white;}Mostra altro4 risposteOrdinaOrdina per dataOrdina in base alla maggiore utilitàOrdina per dataCarica più commenti...Kalpesh Shringarpure (PWC)1 giu 2023, 09:27Hi,try using below code for backgroud color of heaeders in your CSS:host { --lwc-tableColorBackgroundHeader : ⌗820000;}Similarly use standard variables like "--sds-c-card-color-background" for lightning card.Aggiungi un commentoScrivi una risposta...GrassettoCorsivoSottolineaBarratoElenco puntatoElenco numeratoAggiungi linkBlocco codiceInserisci immagineAllega fileURL del linkAnnullaSalva0/9000Rispondi
Kalpesh Shringarpure (PWC)1 giu 2023, 09:27Hi,try using below code for backgroud color of heaeders in your CSS:host { --lwc-tableColorBackgroundHeader : ⌗820000;}Similarly use standard variables like "--sds-c-card-color-background" for lightning card.
