datagrid - Refine

specific-silver · 2023-05-05T07:45:51.155Z

how to make the last column pinned to right

K

kapa.ai•5/5/23, 7:45 AM

Hi @saji_nael. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base.

K

kapa.ai•5/5/23, 7:46 AM

----------------------
To pin the last column to the right in a table using refine and Ant Design, you can set the

fixed

fixed

fixed

fixed prop to

"right"

"right"

"right"

"right" for the last

<Table.Column>

<Table.Column>

<Table.Column>

<Table.Column> in your table. Here's an example from the extracted information:

<Table.Column<ICampaign>
  fixed="right"
  title="Actions"
  dataIndex="actions"
  render={(_, { id }) => <EditButton recordItemId={id} />}
/>

<Table.Column<ICampaign>
  fixed="right"
  title="Actions"
  dataIndex="actions"
  render={(_, { id }) => <EditButton recordItemId={id} />}
/>

<Table.Column<ICampaign>
  fixed="right"
  title="Actions"
  dataIndex="actions"
  render={(_, { id }) => <EditButton recordItemId={id} />}
/>

<Table.Column<ICampaign>
  fixed="right"
  title="Actions"
  dataIndex="actions"
  render={(_, { id }) => <EditButton recordItemId={id} />}
/>

In this example, the last column with the title "Actions" is fixed to the right. You can apply the same

fixed="right"

fixed="right"

fixed="right"

fixed="right" prop to the last column in your table to achieve the desired effect.

Source: Migrating a React-Admin Application to refine (https://refine.dev/blog/migrating-a-react-admin-application-to-refine)
----------------------

Note: you can ask me a follow up question by @ mentioning me again

Note: you can ask me a follow up question by @ mentioning me again

----------------------

Migrating a React-Admin Application to refine | refine

Recently, our team decided to migrate a B2B admin panel of one of our customers from React-Admin to refine to battle test our new framework and improve our productivity.

K

kapa.ai•5/5/23, 7:46 AM

@1000087684632547538 kapa.ai is still learning and improving, please let us how it did by reacting below

S

skinny-azure•5/5/23, 7:47 AM

This is not a case of

refine

refine

refine

refine concern. Check out which UI Framework you are using.

S

specific-silverOP•5/5/23, 7:47 AM

material ui

S

specific-silverOP•5/5/23, 7:48 AM

i did and I see the original datagrid has attr pinnedColumns that is not exist in datagrid refine

S

skinny-azure•5/5/23, 7:53 AM

S

skinny-azure•5/5/23, 7:58 AM

You can try here.