All Questions
397
questions
0
votes
1
answer
37
views
Antd TreeSelect Overwrite CSS
I am using the treeSelect component of the Antd library and I wanna change the way it looks. In particular, I wanna remove the border that it has around it and add only the border-bottom property.
...
- 11
0
votes
1
answer
39
views
How to change the styling of FloatButton from AntDesign?
I am trying to customize my FloatButton component some custom CSS and can't find out how to do it for the background color and for the Icon that is displayed in it. I tested with this code but it ...
0
votes
0
answers
27
views
How to avoid overlapping when using Ant Design' Sider?
I am trying to use the Sider component from Ant Design for my frontend to create a menu with sub-options. I enabled the collapsible property on it so I can expand that menu. The problem is that if I ...
- 65
0
votes
1
answer
69
views
I am trying to implement dark mode functionality in my header component , so i created context api to handle it but its not working
first i have root component which handles the component tree ,
RootApp.jsx
import { Suspense } from 'react';
import { HashRouter as Router } from 'react-router-dom';
import { Provider } from 'react-...
0
votes
2
answers
118
views
Antd - Table component - Horizontal scroll bar position
I 'm using Ant Design's Table component to display a considerable number of rows per page. The problem I'm facing is that the horizontal scroll is way at the bottom of the page. Is there a way to ...
- 4,743
0
votes
1
answer
55
views
Ant Design select issue ( Showing step icon in select component )
Ant design select issue
I'm encountering an issue with the Ant Design Select component in my React project. Specifically, a step icon is unexpectedly appearing within the Select dropdown, which I can'...
0
votes
1
answer
72
views
Antd Auto-scrolled Dropdown in React
I am trying to create an automatically scrolled Dropdown using [email protected].
I want to have the dropdown list always scrolled to the end on every mouse hover.
This is an example of what I want to ...
- 26
0
votes
0
answers
52
views
Can not override body style after migraton to v5 antd
Antd version: 5.10.3
React version: 16.8.6
I try to override my body style after migration to v5 antd
But it does not work
I have such code and font for this code should be from my index.scss file:
...
- 13
0
votes
0
answers
32
views
Change maxHeight of a specific element from React
I'm using AntD in React and I've built an interface that displays several "Card" components representing kitchen orders.
Each card contains a div that holds the rows with order details. I ...
0
votes
0
answers
22
views
Can not render antd CSS when routing automatically / to some other link using react routing
I have index.js which handles my routing.
import 'antd/dist/reset.css';
<Router>
<NavBar />
<Routes>
<Route exact path="/...
0
votes
0
answers
33
views
How to center the checkbox tick-mark in the Ant Design Checkbox component?
You can see the tick mark in the image below, and it is slightly aligned to the bottom-right. I want to center it. How can I achieve this?
Any help would be greatly appreciated
- 2,891
0
votes
0
answers
28
views
Column offset lable form Ant CSS doesn't work - ReactJS
I'm new to ReactJs - Ant Design, I want to move the label of the Form item according to the input element but it doesn't work, why the offset column doesn't work? Am I doing something wrong? What ...
- 139
1
vote
2
answers
605
views
Antdv5 table scroll style
I am trying to change the style of scroll bar in antd5 table version.
I have already changed the style in v4 it was worked but after upgrading it is not working
.ant-table-body::-webkit-scrollbar{
...
0
votes
2
answers
106
views
Imported CSS in one React component affecting Ant Design Select in another component
I'm encountering an unexpected issue where importing CSS styles in one React component seems to affect the styling of Ant Design's Select component in another component. Here's a simplified overview ...
- 77
2
votes
1
answer
75
views
Adding column on grid with animation in ReactJS
I'm trying to add a animation after I add a column on my row in antd,
Here's my code
import React, { useState } from 'react';
import { Col, Row } from 'antd';
const Page = () => {
const [...
- 1,255