Remove Action column

hendrixback

How can I remove the action column?

tasha

Hello

The action column is the default column and unfortunately we dont have api to hide the default columns separately but you can hide the action column using useEffect directly via DOM.
Here you get access to the action header and hide it with the styles:

 useEffect(() => {
    //delete action header
    const actionHeader = document.querySelector("[data-header-id='action']");
    actionHeader.style.display = "none";
  }, []);

Also delete the action object from the columns config to hide icons in the rows as well. Please use this column configuration:

const columns = [
    { id: "text", header: "Task name", width: 200 },
    {
      id: "start",
      header: "Start date",
      align: "center",
    },
    {
      id: "duration",
      header: "Duration",
      align: "center",
      flexgrow: 1,
    },
  ];