React Hooks & antd table render
转载
2021-03-25 10:14:00
223阅读
2评论
一、需求 用户对不同的应用需要有不同的权限，用户一般和角色关联在一起，新建角色的时候会选择该角色对应的应用，然后对应用分配权限。于是写了一种实现的方式。首先应用是一个二级树，一级表示的是应用分组，二级表示的是应用，这是table的最左边的数据。然后是按钮的数据，这里显示在table的头部。 二、效果
转载
2016-08-27 21:30:00
411阅读
2评论
环境配置 安装脚手架：npm install create-react-app 安装yarn：brew install yarn 创建项目：create-react-app antd-demo 切换路径：cd antd-demo 安装路由：yarn add react-router-dom 安装ax ...
转载
2021-10-01 09:38:00
242阅读
2评论
react+antd table 不显示默认的分页，我只想用antd中table的表格，分页按钮隐藏
原创
2023-02-26 09:55:41
302阅读
前言：以下内容基于React全家桶+AntD实战课程的学习实践过程记录。最终成果github地址：https://github.com/66Web/react-antd-manager，欢迎star。 一、基础表格Table组件基础Apibordered属性：是否展示外边框和列边框columns属性：表格列的配置描述（即表头）dataSource属性：数据数组pagination属性：分
转载
2024-02-05 04:44:30
63阅读
npm i antd --save 按需引入import React, { Component } from 'react' import Button from 'antd/lib/button' import 'antd/dist/antd.css' export default class A ...
转载
2021-08-08 12:13:00
152阅读
2评论
Ⅰ- 壹 - 功能展示和使用需求需求描述基于antd 实现表格要实现多个多选互不影响包含 全选 半选 。（可自由拓展）功能展示可以禁止选择某一个Ⅱ - 贰 - 封装代码import { Checkbox, Table } from 'antd';
import React, { useEffect, useState } from 'react';
const MultipleMultipleT
转载
2024-04-09 12:42:56
298阅读
效果图： <template> <div> <a-button class="editable-add-btn" @click="handleAdd"> Add </a-button> <div> <a-table :columns="columns" :data-source="data" bor
原创
2022-09-20 12:02:32
887阅读
antd的表格中勾选状态的控制 的基本逻辑是通过表格属性的rowSelection的selectedRowKeys来实现的。它是一个数组。记录了所有勾选项的字段（常见的比如id）const rowSelection = {
selectedRowKeys,
onSelect: (record, selected, selectedRow) => {
},
直接上代码 const jobColumns = [ { title: '单位名称', dataIndex: 'jsdw', key: 'jsdw', // 解决方案一e={val}>{val.substring...
原创
2023-01-09 17:18:49
540阅读
React之Antd组件Modal对话框Modal.method()动态设置确认框和提示框 handleConfirm = (type)=>{ Modal[type]({ title:'确认？', content:'你
原创
2022-01-12 15:26:46
702阅读
Facebook 官方推出Create-React-App脚手架，基本可以零配置搭建基于webpack的React开发环境，内置了热更新等功能。详细文档可前往链接：Create-React-App文档本文将介绍使用Create-React-App脚手架搭建antd-mobile的开发环境。快速开始： npm install -g create-react-app /
通过 npm 安装antd和babel-plugin-import。babel-plugin-import是用来按需加载 antd
原创
2022-09-29 16:08:20
97阅读
前言：以下内容基于React全家桶+AntD实战课程的学习实践过程记录。最终成果github地址：https://github.com/66Web/react-antd-manager，欢迎star。一、头部固定scroll属性：设置横向或纵向滚动，也可用于指定滚动区域的宽和高
<Card title="头部固定">
<Table
转载
2024-06-12 04:42:41
1362阅读
概述如果用 react 开发前端, 建议基于 antd pro 来开发, antd pro 是 antd 的增强版, antd 是组件库, antd pro 则是前端框架, 基于 antd pro, 创建工程时不用再考虑:路由的设置, 以及和菜单的联动面包屑和路由的联动发布打包的方法工程 lint后端 API 访问方式页面状态的管理… …总之, 对于管理类型的应用, 基于 antd pro, 可以
转载
2020-04-16 17:31:00
716阅读
2评论
六、表单表单元素在React中自身维护一些状态，这些状态默认情况下是不受react控制的，这类状态不受react控制的表单元素称为非受控组件。在React中，状态的修改必须通过组件的state，非受控组件有悖于这一原则，为了让表单元素的状态变更也能通过组件的state管理，React使用受控组件的技术达到这一目的。1，受控组件如果一个表单元素的值是由React来管理的，那么它就是一个受控组件。对于
转载
2024-04-22 17:55:54
323阅读
一.React中使用antd1.下载antd包 npm i antd -S2.按需引入//App.jsx文件
import {Button} from 'antd' //引入按钮组件
import {WechatOutlined, ShoppingCartOutlined } from '@ant-design/icons'; //icon图标库需要另外引入
import
转载
2024-03-16 10:47:47
697阅读
