datagrid

how to make the last column pinned to right
kapa.ai
kapa.ai381d ago
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:
kapa.ai
kapa.ai381d ago
---------------------- 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:
<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" 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.
kapa.ai
kapa.ai381d ago
<@1000087684632547538> kapa.ai is still learning and improving, please let us how it did by reacting below
wise-white
wise-white381d ago
This is not a case of refine concern. Check out which UI Framework you are using.
like-gold
like-gold381d ago
material ui i did and I see the original datagrid has attr pinnedColumns that is not exist in datagrid refine
wise-white
wise-white381d ago
No description
wise-white
wise-white381d ago
You can try here.
More Posts
Filter reset after Search in useTableHow to reset filter after search in useTable?Example pages are not prompted in the latest version of create-refine-appI am not getting "Do you want to add example pages?" when I use: npm create refine-app@latest. Any hProblem following JavaScript Masteries Tutorial - Vite / Create-React-AppHey Guys; thank you for this nice community discord and your support. I am new to refine and want tuseLocation may be used only in the context of a <Router> component errorHi, I migrated my app to 4.x.x version. But I can't run it. There is always this error shows up. MyRefine 4.x.x useLocation and parseTableParamsHi, I used to use useLocation and useRouterContext but now I upgraded refine and I don't want to usRefine doesn't display the green message of successfully submittedI successfully uploaded a Form in the database, but It doesn't show up the successfully submitted grPagination & SearchI am using useTable from antd.I want to search table by name, but if I am in page 3 and searching dauseFormI build a custom hook that generates the form my problem is if i created a new record , then i clickAnyway to send my own alerts similar to when a new entry is created?I am hoping to subscribe to supabase events and display a notification on everypage when certain evedynamic i18n resource route prefix pathI already configured the router package (`react-router-dom` v6) to add a "lang" path prefix to my apReact-hook-form typesHi everyone hope you doing all well how to add types for the register functions for the @refinedev/rEslint integrationHi i have started Refine with vite ,so how to integrate eslintTranslate label for custom pagesI am using i18n for the changing the language. The example page labels all get translated but my cusmultiple different list/create/edit/view API endpoints for the same REST entityWhat is the recommended implementation way/hack strategy when I have resources that have several difNested rowKey in a tableMy rowkey value is nested. the example below doesn't work because rowKey don't accept this format. aunable to create refine-appon typing "npm create refine-app@latest" command in terminal getting error "✖ Could not found sourceFetch instead of axiosHeya, quick question - is it possible to provide the dataProvider with fetch instance rather than axExample for using API platform and interpreting its docs.jsonldAPI platform also provides a complete auto-generated documentation about the api, its endpoints, the