Expanded Row - How can I remove expand all functionality from header but I need in individual row

I am doing something like below const expandRow = { renderer: row => ( <div> <p>{ This Expand row is belong to rowKey ${row.id} }</p> <p>You can render anything here, also you can add additional data on every row object</p> <p>expandRow.renderer callback will pass the origin row object to you</p> </div> ), showExpandColumn: true, expandByColumnOnly: true, onlyOneExpanding: true, }; Now my concern is how to remove the expand all functionality in header

Screenshot ->

[sivabankapalli]

I tried with the below code and able to make it work:

expandHeaderColumnRenderer: (isAnyExpands) => (null )

Update the CSS:

.expand-cell-header { pointer-events: none; }

[Ryota201]

hello, how can you add the arrows with css in this library to disable the showExpandColumn or just by chance is there any solution currently to remove the expansion of all header functions?