DetailsList How to make certain columns fixed on the right

[ChangBaiMonster]

version: "@fluentui/react": "^8.79.0"

I want some of the columns to be fixed on the right, but this column can still be resize, and then when the other left columns are too long, a scroll bar on the left appears。
I use the columnReorderOptions = { {frozenColumnCountFromEnd:0 }} ,but doesn't work.

<DetailsList
items={items}
compact={isCompactMode}
columns={columns}
selectionMode={SelectionMode.none}
getKey={this._getKey}
setKey="none"
layoutMode={DetailsListLayoutMode.fixed}
isHeaderVisible={true}
onItemInvoked={this._onItemInvoked}
columnReorderOptions = { {frozenColumnCountFromEnd:0 }}
/>
Each item in columns will be set to minWidth, maxWidth