lightning-datatable - remove header actions

In Salesforce Lightning Web Components (LWC), if you want to remove the header actions from a lightning-datatable, you can do this by customizing the datatable columns and not including any header actions. The headerActions property is used to add actions in the column headers, so by omitting this property, you effectively remove the header actions.

Here is an example of how you can define a lightning-datatable without header actions:

Example

            key-field="id"

            data={data}

            columns={columns}

            hide-checkbox-column

        >

JavaScript

import { LightningElement, track } from 'lwc';
import getAccountData from '@salesforce/apex/AccountController.getAccountData';
export default class AccountDataTable extends LightningElement {
    @track data;
    @track columns = [
        { label: 'Name', fieldName: 'Name', type: 'text' },
        { label: 'Industry', fieldName: 'Industry', type: 'text' },
        { label: 'Annual Revenue', fieldName: 'AnnualRevenue', type: 'currency' }
    ];
    connectedCallback() {
        this.loadData();
    }
    loadData() {
        getAccountData()
            .then(result => {
                this.data = result;
            })

            .catch(error => {
                console.error('Error fetching account data', error);
            });
    }
}Apex Controller (if needed)
public with sharing class AccountController {
    @AuraEnabled(cacheable=true)
    public static List getAccountData() {
        return [SELECT Id, Name, Industry, AnnualRevenue FROM Account LIMIT 100];
    }
}

Explanation

• Template File (accountDataTable.html): Defines the lightning-datatable without any header actions. The hide-checkbox-column attribute is used to hide the checkbox column if not needed.
  
• JavaScript File (accountDataTable.js): Sets up the columns for the datatable without the headerActions property. Fetches data from the Apex controller and populates the datatable.
  
• Apex Controller (AccountController.cls): Provides the data to the LWC component if needed. This part of the code is only necessary if you're fetching data from the Salesforce backend.
  

By following this approach, you can have a lightning-datatable without any header actions. If you want more advanced customization (such as removing certain header actions but keeping others), you would need to handle that within the column definition, ensuring you only include the necessary properties and exclude any actions you don't want.