Table Component | Pinned Column | Dropdown Issue

[Zapro116]

Description

1. The dropdown option is not behaving correctly when it is applied to a pinned column on the <Table /> Component.
2. Also the width manipulation is not properly implemented. When width is lower than 10%, the width property is not working.

---

Steps to reproduce

1. Render a table component.
2. Pass a pinned column in schema with below configuration .
   { name: 'someName', displayName: '', pinned: 'right', sorting: false, cellRenderer: (props) => { const { data } = props; return ( <div className="d-flex align-items-center justify-content-end flex-grow-1"> <Dropdown triggerOptions={{ customTrigger: () => <Button icon="more_horiz" appearance="transparent" /> }} menu={true} className="d-flex" align="left" options={[ { label: 'A', value: 'A', icon: 'some_icon', optionType: 'WITH_ICON' }, { label: 'B', value: 'B', icon: 'some_icon', optionType: 'WITH_ICON' } ]} popoverOptions={{ appendToBody: false, hideOnReferenceEscape: false }} /> </div> ); } }

Expected result

1. The options should be rendering on top of pinned columns, just like it does when we click the button on the pinned column for the last two rows.
2. Please provide a minimum width also on the schema section to properly manipulate it.

Actual result

1. The dropdown option is not behaving correctly when it is applied to a pinned column. Visit above images for more information.
2. Width when lowered below 10%, it has no effect and minimum width is set as 10%.

[nadaanbaalak]

@anuradha9712 I'm picking this up, please assign this to me.