![](https://img-blog.csdnimg.cn/20190918140053667.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Antd相关
Ant Design
無言丶
强迫症疯狂码 BUG 中...
展开
-
React 拖拽改变大小,react-resizable 属性详解
源于布局需求,要求Antd的Layout组件中,侧边栏Sider可以拖拽改变宽度……开源插件,基于react-draggable插件(同一作者),详见《react-resizable》; // 拖拽回调参数 size:{width,height} type ResizeCallbackData = { node: HTMLElement, size: {width: number, height: number}, handle: Res.原创 2022-03-23 12:13:31 · 15286 阅读 · 5 评论 -
Antd相关 Table表格自定义筛选以及统一清空筛选项
源于一直负责的组件库需求,对Antd表格组件进行了二次封装,简化了很多功能配置项(分页、排序、筛选、样式等),其中对多个列筛选进行统一清空功能遇到了不少坑,记录一下……重点是合理使用filteredValue属性。const MyTable = ({ ...... // 1.定义全局状态,用来存放各列的 filteredValue 状态 const [filteredValues, set_filteredValues] = useState(); // 2.定义通用 colu.原创 2021-01-27 09:31:12 · 6429 阅读 · 0 评论 -
Antd相关 Table表格自定义点击单元格(列)展开功能
@Antd起初参考网上其它写法,符号+失效需要隐藏,点击事件需要render实现,最奇葩的是代码运行结果失败,点击没效果;研究API进行了改良……改由单元格点击触发事件(不受render内容限制),且+号功能可同步使用(不用隐藏)。import React from "react";import { Table } from "antd";class TableEx extends React.Component { constructor(props) { super(props)原创 2020-07-29 16:42:02 · 3928 阅读 · 0 评论