Antd
Antd
__畫戟__
前端。知之为知之,不知为不知
展开
-
react+antd实现Table拖拽调整列宽
react+antd实现Table拖拽调整列宽原创 2022-01-04 15:21:17 · 6419 阅读 · 10 评论 -
AntV G2 Tooltip
import React, { useEffect } from 'react'import { observer } from 'mobx-react-lite'import { Chart } from '@antv/g2'import bigDecimal from 'js-big-decimal'export default observer(({ data = [] }) => { data = [ { city: '上海', value: 0.99, type1...原创 2021-11-27 10:09:58 · 1637 阅读 · 0 评论 -
Antd Table 可编辑表格
antd Table 官方文档提及了 可编辑单元格、可编辑行,这里解决可编辑表格;主要思路是将antd Table可编辑行 与antd Form.List 相结合;表格内编辑;可编辑单元格;可编辑行;简单易理解原创 2021-11-21 14:26:48 · 12633 阅读 · 29 评论 -
基于React Antd远程 SearchSelect 组件,参数灵活可配置,持续迭代中~开源
SearchSelect基于React、Ant Design,适用于React + Ant Design项目; SearchSelect为受控组件; SearchSelect设计为一般PC常用远程搜索需求,接口、入参、出参等参数均可自定义配置;持续迭代中;开源原创 2021-11-08 17:36:52 · 1985 阅读 · 0 评论 -
基于React、Ant Design的ButtonGroup组件
介绍 本组件基于React、Ant Design,适用于React + Ant Design项目 本组件设计为超过一定数量的按钮将展示在Dropdown中 使用方式安装npm i antd-button-group使用<ButtonGroup> <Button size='small' type='link' onClick={() => message.success('编辑')}>编辑</Button>..原创 2021-11-04 14:21:22 · 1412 阅读 · 0 评论 -
解决【Antd的Tabs页签组件在TabPane按钮宽度发生变化后,底部active-bar定位不准确】
问题描述:按钮宽度发生变化之后定位不准确解决后:代码:/** * 重置tab active bar 位置 * @param id dom id */ resetTabActivePosition = (id) => { const el = document.getElementById(id) setTimeout(() => { var activeEl = el.querySele原创 2021-07-07 18:16:38 · 2116 阅读 · 0 评论 -
Antd DatePicker 限制日期
<DatePicker allowClear showTime format="YYYY-MM-DD HH:mm" placeholder="请选择时间" disabledDate={ (current) => { // 限制最大日期为明天 return current && ...原创 2021-06-15 19:11:50 · 2355 阅读 · 0 评论 -
实现【React Antd 表格跨页选择】
效果图代码jsx: <Table loading={loading} columns={columns} dataSource={dataList} rowKey="jobId" pagination={pagination} rowSelection={{ columnWidth: 40, selectedRowKeys: store...原创 2021-06-05 18:17:34 · 2227 阅读 · 2 评论 -
实现【antd 单元格合并处理,分页也有效】
函数:/** * 单元格合并处理 * @param text 当前单元格的值 * @param dataSource 当前分页所有数据 * @param key 当前列的dataIndex * @param index 当前数据所在下标 * @returns {number} 待合并单元格数量 */// eslint-disable-next-line max-paramsexport default (text, dataSource, index, key) => ...原创 2021-05-14 18:07:57 · 1549 阅读 · 4 评论 -
antd Table 列hover高亮
效果图:代码:js:css:原创 2021-02-26 15:41:15 · 1593 阅读 · 0 评论 -
react+antd 自定义useTable插件:轻松处理【搜索、排序、表格、分页】持续迭代中~ 开源
1. 本插件基于React和Ant Design,只能用于React + Antd的列表页;2. 本插件支持多项自定义配置;3. 本插件主要用于列表页中的搜索、排序、表格、分页等功能,能处理典型的列表页;4. 使用本插件能减少你典型列表页50%以上代码量和维护成本;5. 持续迭代中;5. 开源;原创 2021-02-25 19:23:34 · 5429 阅读 · 1 评论 -
基于Antd远程搜索Select 受控组件,接受所有Antd Select API,参数灵活可配置
基于Antd远程搜索Select 受控组件,接受所有Antd Select API,参数灵活可配置1.可以支持传入接口、配置label、value显示select2.同时支持远程搜索3.支持防抖4.支持多选及最大可选数量5.支持配置分页及搜索条件6.支持optios右侧显示其他字段7.支持Antd Select所有props、api原创 2021-01-06 09:53:40 · 1476 阅读 · 0 评论