Hide Standard Buttons of Lightning Data Table in LWC
Mar 6, 2024
Let’s quickly learn how to conceal save and cancel after editing the data table in Lightning Web Components.
LWC Table Html
<template>
<lightning-card title="Selected Products">
<div class="slds-m-around_medium">
<lightning-datatable
key-field="Id"
data={transformedData}
columns={columns}
hide-checkbox-column
draft-values={draftValues}
onsave={handleSave}
oncancel={handleCancel}
suppress-bottom-bar=true
></lightning-datatable>
</div>
</lightning-card>
</template>
So here is the solution, use “suppress-bottom-bar=true” to hide your standard save and cancel button in the lightning data table.
Before applying “suppress-bottom-bar=true”
After applying,
THANK YOU FOR READING :)