Hide Standard Buttons of Lightning Data Table in LWC

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 :)