Zeng__Yi的博客

效果图：一，基本的使用代码：<a-tablebordered:dataSource="userList":columns="columns"rowKey="id":pagination="false"><templateslot="sort"slot-scope="text,record,index">{{index+1}}&...

1，注意事项表头只支持列合并，使用 column 里的 colSpan 进行设置。表格支持行/列合并，使用 render 里的单元格属性 colSpan 或者 rowSpan 设值为 0 时，设置的表格不会渲染。2，表格的列合并1，效果图：在第十行，将前两列合并2，实现方法：在columns属性中render方法中设置const columns=[...

实现的方式：在columns中序号的一列 使用render方法：(text,record,index)=>`${index+1}`，使序号+1const columns = [{title: '序号',width:80,render:(text,record,index)=>`${index+1}`},{title: '门店名',dataIndex...

效果图：引入antd的表格后：<Table bordered columns={columns} dataSource={dataSource} rowSelection={rowRadioSelection} pagination={false}rowKey={dataSource => dataSource.openid}/>单选与多选使用的是rowSelectio...

效果图：就是实现这样的，选择框的时候，将向后台请求省的数据，当点击省的时候，就会请求当前点击市的数据 。。。。，请求的接口只有一个，传值为code值。树形的数据。完整的组件代码：import React, { Component } from 'react';import { Cascader, message } from 'antd';import _ from 'lo...

getPopupContainer菜单渲染父节点。默认渲染到 body 上，如果你遇到菜单滚动定位问题，试试修改为滚动的区域，并相对其定位。这个属性,看似不重要的属性，却起着重大的作用。效果图：当数据比较多的，可以滚动的时候。点击选择框，滑动滚轮没有添加这个属性的时候：当没有这个属性的时候 随着滚动 选项会和选择框分离。当添加这个属性后：点击后滚动就不会分离如...

默认的是英文的：一个中文的项目，用这个感觉很不搭，就把改成中文的。更改后的：需要设置国际化:局部设置：在需要使用到RangePicker的组件的地方引入：import { LocaleProvider } from 'antd';import zh_CN from 'antd/lib/locale-provider/zh_CN';import 'moment...

不设置列内滚动的效果：设置之后的效果：当有一列的数据特别多，如果不设置滚动 就显得很不好看。实现方法：在columns中在这一列设置样式，columns中设置了列的宽度，是要再设置列的高度，溢出滚动就可以实现了代码：{title: '评价内容',dataIndex: 'evaluation',width:'180px',render:(text)=&...

最近在做项目的时候遇到了需要运用树形表格。应为不是做Demo，所以是需要做成动态获取的，antd的模板列子实现的效果图：注意：我们使用的是两个不同的接口实现的动态树形数据的表格实现的思路：1，第一个接口只负责获取表格的父数据，也就是只获取 市场部，财务部，产品部的数据。2，需要和后台商议好，如果父数据有子列表，那么就需要在给父数据的时候返回一个空数组，有这个空的数组才能实现...