antd
炉火纯青-旺
这个作者很懒,什么都没留下…
展开
-
React antd table 实现表头横向拖动
1、安装依赖npm install --save react-resizable2、App.jsimport { useState, useEffect } from 'react';import { Table, Tag, Space } from 'antd';import { Resizable } from 'react-resizable';import './App.css';const defaultColumns = [ { title: 'Na原创 2021-09-28 10:26:40 · 2544 阅读 · 1 评论 -
React antd tags封装
import React, { memo, useState } from 'react'import { Tag, Input } from 'antd'import { TweenOneGroup } from 'rc-tween-one'import { PlusOutlined } from '@ant-design/icons'import PropTypes from 'prop-types'const Tags = memo((props) => { const {.原创 2021-08-04 16:13:45 · 691 阅读 · 0 评论 -
react antd form 组件封装
项目目录结构1、app.jsimport FormCom from './components/FormCom'import './App.css'function App() { const items = [ { type: 'Input', label: '部门名称', name: 'name', rules: [{ required: true }] }, { type: 'Sel..原创 2021-07-14 20:17:35 · 1145 阅读 · 0 评论 -
antd 修改默认样式
:global { .ant-checkbox-group { display: grid; grid-template-columns: repeat(3, 1fr); grid-row-gap:2px; padding: 10px; } .ant-checkbox-group-item{ ...原创 2020-04-01 15:36:17 · 2339 阅读 · 0 评论