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

[somilkhandelwalwork]

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

[AllenFang]

@somilkhandelwalwork so for we don't have a toggle props for hiding the expand all indicator, but there's a workaround is via expandRow.expandHeaderColumnRenderer and you can just return null as render nothing

[somilkhandelwalwork]

@AllenFang , if I return null, nothing will render but it still has the toggle functionality.

[anicache08]

Hi, any updates on this one?

[somilkhandelwal]

@anicache08 , no updates on the same.

[roee69]

Hi another around that works is to set showExpandColumn as false (or remove it) which will remove the collapse column and the functionality of the "collapse all" with it and then add the indication arrows with CSS.

[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?