Questions tagged [ant-design-pro]
482 questions
3
votes
3 answers
React Ant Calendar remove month, year buttons
Need a help in Ant Calendar
import { Calendar } from 'antd';
function onPanelChange(value, mode) {
console.log(value, mode);
}
ReactDOM.render(
SerikStartAndroid
- 43
- 1
- 4
2
votes
0 answers
FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JS heap out of memory while compiling the less files in react app project
I have a project that uses less for styling which comes by antd pro lib, when i run my project initially it compiles all the files perfectly no issue while compiling at once, but whenever i change any less file or updates any less file it might…
Malik Owais
- 21
- 2
2
votes
1 answer
React Redux Ant Design Table Data Not Rendered On First Render
I am using React, Ant Design, Redux Toolkit, and rest API using redux store/services file to manage API to develop a table but when loading the page the first time , the table is not rendered or data is fetched, when navigating to a different page…
Coding0
- 23
- 4
2
votes
2 answers
How to scroll to first error field in Ant-Design Form?
I have a simple Form with many fields for input. After having reached Submit button upper fields are getting hidden. How is it possible to scroll to first error field after I pushed on Submit ?
Александр
- 21
- 2
2
votes
1 answer
Ant Design - Modal with Datepicker (form)
Reproduction link
codesandbox example
What is actually happening?
I enter the property name in the
Wagner Fillio
- 395
- 3
- 19
2
votes
1 answer
passing argument to react component with routes and links
when i use the link hrf in the button element the onFinish function dosent work
if i delete the link, the function well work and i get the userFound details
but i needed to use the route and passing the userFound id
i think the link work before the…
Rian Halabi
- 97
- 8
2
votes
1 answer
Antdpro Table column is not working when state changes
const [park, parks] = useState([]);
...
useState(()=>{
(async () => {... // call Park Data as Array})()
},[]);
...
const columns = [
{
title: 'column1',
key: 'column1',
filters: true,
defaultFilteredValue:…
sunny
- 31
- 1
2
votes
1 answer
While using select in 'antd' library (Ant Design) the selected option is showing value instead of label
I am using select in the 'antd' (Ant Design) library. The selected option is showing the value of the option instead of the the label when using an onChange Handler.
I am adding the working example sandbox. In the example I have commented out the…
theinfiltrator
- 91
- 6
2
votes
1 answer
Antd Table: autosize scroll:y to parent
I'm using Antd table and I'm using scroll: {y:...} to have the table contents scrollable. I'd like to have the table auto-size to fit the parent and be responsive to re-sizes. ('auto' sizes the control to fit all its contents, which is not what I…
TheLazyDogsBack
- 197
- 1
- 11
2
votes
2 answers
Antd Table: How programmatically ensure row visible?
Using Ant Design Table, how can can I programmatically scroll (I'm using scroll:y) a row into view given it's row key to ensure that it is visible?
TheLazyDogsBack
- 197
- 1
- 11
2
votes
1 answer
How to checked only single checkbox from group of checkboxes in ant design?
I am using Antdesign checkBox to make a section of the filters where users can select different parameters to show data.
const category = [
{ label: "Gardening", value: "Gardening" },
{ label: "Plants", value: "Plants" },
{ label: "Seeds",…
Aaquib
- 404
- 8
- 17
2
votes
0 answers
How to annotate any data point in ant design timeline graph?
I want to show a line like above in ant design timeline graph, ( Line Chart ). It's a dual Axes graph. I am using React and Ant Design. I want to show the line at any data point. I think I have to use annotations, but I am not getting how.
Data…
lazyCoder
- 499
- 1
- 4
- 17
2
votes
1 answer
ReactJs AutoComplete not showing on the dropdown using antd
I am creating a component with auto-search using API. searching values are successfully console logging. but not display on the auto search dropdown on react class component.
following is the method what I have tried.
class AutoCompleteModel extends…
Mohamed Raza
- 818
- 7
- 24
2
votes
0 answers
How to prevent Ant Design Table re-render after row selection?
I have AntD table on my page with big data and after selecting one row, it re-renders the entire table. How can I re-render only the selected row, instead of re-rendering all rows?
AlT
- 43
- 1
- 3
2
votes
3 answers
How to apply css to a specific placeholder in a form
I am working on a React project and for designing I am using Ant design framework. What I trying to do is I have form in that I have four Input tags, I need to add some changes for third Input tag, What I want to do is for third Input tag I am…
Vamsi
- 372
- 6
- 18