7 Replies
Hi @saji_nael. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:
----------------------
To pin the last column to the right in a table using refine and Ant Design, you can set the
fixed
prop to "right"
for the last <Table.Column>
in your table. Here's an example from the extracted information:
In this example, the last column with the title "Actions" is fixed to the right. You can apply the same 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
:speech_balloon:
----------------------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.
<@1000087684632547538> kapa.ai is still learning and improving, please let us how it did by reacting below
ambitious-aqua•17mo ago
This is not a case of
refine
concern. Check out which UI Framework you are using.continuing-cyan•17mo ago
material ui
i did and I see the original datagrid has attr pinnedColumns that is not exist in datagrid refine
ambitious-aqua•17mo ago
![No description](https://cdn.answeroverflow.com/1103952681032224778/Screenshot_2023-05-05_at_10.53.03.png)
ambitious-aqua•17mo ago
You can try here.