![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
antd组件库
hyupeng1006
前端路上一起前进!互相关注、相互学习
展开
-
Antd input禁止点击Input输入框出现以前输入过的记录
autoComplete="off"原创 2023-02-06 17:17:34 · 512 阅读 · 2 评论 -
基于react antd实现左侧菜单快捷搜索直接跳转指定页面
展示效果:代码实现:import React, { PureComponent, Suspense } from 'react';import router from 'umi/router';import { Layout, Select } from 'antd';import PinYinMatch from 'pinyin-match';const { Sider } = Layout;const { Option } = Select;export defaul.原创 2021-04-27 17:07:51 · 1730 阅读 · 1 评论 -
React antd table使用react-resizable实现伸缩列
2、less中需要设置类的样式,如果无效,可以尝试加上:global(类名)resizeable-table.less (拖拽列必须要设置的样式)Resizeable.js (排序和拖拽列功能的table组件)如果不使用number类型,会出现第一次点击时卡顿的情况。1、设置列宽的width一定要用number类型。index.jsx: (展示组件)index.jsx: (展示组件)原创 2021-04-25 14:46:48 · 4276 阅读 · 0 评论 -
antd TreeSelect自定义回显内容,例如全部选中了就显示“全部”
效果图:代码:import React from "react";import ReactDOM from "react-dom";import "antd/dist/antd.css";import { TreeSelect } from "antd"; const { TreeNode } = TreeSelect; class Demo extends React.Component { state = { defaultDataList: [], // 存所.原创 2021-02-24 14:26:45 · 8193 阅读 · 0 评论 -
antd react TimePicker 时、分、秒限制
const applyBeginHour = '02:10:01';const applyEndHour = '22:10:10';限制小时 const disBeginHouse = () => { const hours = []; if (applyEndHour) { const timeArr = applyEndHour.split(':')...原创 2020-04-16 16:06:01 · 2884 阅读 · 0 评论 -
关于antd - progress 的 trailColor和 trailWidth属性
在做antd progress 环形进度条的时候,发现有两个属性是官方文档没有提到的,但是我们又有可能用到的。1.trailColor对应Progress 进度条的底色,默认是 #f3f3f32.trailWidth进度底色的宽度(注意:不是整体进度条的宽度)。默认等于strokeWidth。...原创 2020-01-07 10:43:40 · 2061 阅读 · 0 评论 -
antd 一些小坑
1、在form表单中,使用switch,重置表单不能还原,使用valuePropName:'checked',原创 2019-12-27 15:06:29 · 369 阅读 · 0 评论 -
antd表格高度自适应
有时候我们的表格页,要跳转页码时,如果表格过长,还要往下拉,使用起来很不便捷,所以需要让表格的高度自适应于页面的剩余高度:<Table scroll={{y:'calc(100vh - 其他元素的高度和)'}}></Table>...原创 2019-09-25 15:56:53 · 7198 阅读 · 0 评论