I am having trouble rerendering the columns of my table, the library i am using is ant design and I am trying to create a feature where I reorder the column of the table on demand. I have created an example the issue here: https://replit.com/@coupacoupa/Ant-Design-column-reordering In the example, I created a simple button that changes the order of the column
Tag: antd
ReactJs – Ant design Tabs Card does not render content
My components used ReactJs Framework that built with Ant Design UI. My stucking is the rendering on tabs content. I try to nest the LoginForm component to TabsCard component. Note: the LoginForm component can successful independently rendered without nesting case. Component rendered on image I attachted: Here is my code: TabsCard.js Thank you for your support! Answer Change from contentList[setActiveTab]
antd InputNumber: execute function onChangeComplete instead of onChange
in the code above you can see that I am forcefully updating the state of currentAccountArray, I want to execute this after the value is completely changed instead of onChange, which executes on every key press… is there a way I can achieve this? I do not want to use onEnterPressed. Answer Maybe use onInput instead of onChange? — OR
Repeat the same behaviour on Ant Design Editable Table for React on Ant Design Vue 3?
I’m using Ant Design in Vue 3 and I have a table that I’m able to edit all the cells. The problem is: I want to automatically close the editable cell if the user opens a new one to edit. While I was researching, I noticed that this behaviour happens on Ant Design for React accordingly to the documentation. My
why the createRef current always null in react
I am developing a simple edit app page, because the form.item initial value did not update by data, so I want to setFieldsValue in the antd 4.x, this is my code looks like: To my surprise, the formRef.current is always null. Am I missing something? what should I do to make the Form.Item value update by data which passed from
issue in dynamic Form List with collapse
I am stuck on implementing dynamic form submit. Here is my code. I am receiving data from backend And trying to show that data to user in Collapse, and in collapse there are 2 forms (first one is for date, second one for money) that user can edit. Also I have add button which allow user to add new collapse
Using sass with Antd and CRA
I am trying to integrate SASS with antd and CRA. I followed many tutorials but most of them were created years back and all of them throw some error. Somehow I found an article which is working fine link But I am worried that above solution is a hacky way of integrating SASS, so some day it may stop working.
antd wrapping custom input with auto-complete cause: Cannot read property ‘value’ of undefined
In antd with react, If I’ve something like the below, everything works fine: And that some intermediate component looks like this: Everything works fine, until, I try to add AutoComplete When I wrap the intermediate component with AutoComplete, like: Then on changing or giving input to intermediate component cause error. Saying: Complete trace is something like: And the funny part
how to clear date range picker values on Button on click?
This is my code and I have date range picker and a clear button. when I click on the clear button the state get changed(changed to null values) and I want to show it in the UI. how can I set the value of date range picker to show it ? Answer The value you get in the onChange is
Ant Design does not work in react js project
in this code.. Ant Design Row, Col Component does not work.. my first time to use ant design.. I don’t know how to figure it out.. I add result screen! And I hope Hello World is in one line! I’m really appreciated for your kind help! Thank you Answer The code looks alright to me. My guess is you forgot