How to remove table header style? (vanilla js)

[peppies]

I was able to figure out how to add a header to the table (turn a regular row into a header row). However, I'm having some problems removing the style. I looked into the playground table plugin, but still can't figure it out. Here is what I have:

editor.update(() => {
    var selection = lex.$getSelection();
    var node = selection.anchor.getNode();
    const nearestTableCell = lex.$getNearestNodeOfType(node, lex.TableCellNode);
	const tableRowNode = nearestTableCell.getParent();
	const cellsInRow = tableRowNode.getChildren();
	cellsInRow.forEach((cellNode) => {
      if (lex.$isTableCellNode(cellNode)) { console.log('remove');
	    cellNode.toggleHeaderStyle(0);
	  }
    });
  });

From what I understand, toggleHeaderStyle(0) is supposed to remove the header state / header style. I can use toggleHeaderStyle(1) to add a header, but "0" doesn't seem to be toggling it off. Am I using this function wrong, or is there a different function I'm supposed to be using to toggle the header row?

[peppies]

Sorry, accidentally figured out that cellNode.toggleHeaderStyle(1); (leaving the number the same) will toggle the same header style on and off. (for anyone else that is searching for this solution)

[etrepum]

It's a toggle, not a set. If you want to set, you would use setHeaderStyles. It will be easier to follow if you used the named constants from TableCellHeaderStates rather than hard-coding some number.

export const TableCellHeaderStates = {
  BOTH: 3,
  COLUMN: 2,
  NO_STATUS: 0,
  ROW: 1,
};