antd
文章平均质量分 51
废八
醉后不知天在水,满船清梦压星河
展开
-
antd-select拼音首字母模糊查询
antd-select拼音首字母以及汉字模糊查询cnchar安装引入使用下拉框数据下拉框重写筛选函数百度搜了很久,jQuery方法在react里会报错,终于找到了一个可以实现的第三方库cnchar。可以实现拼音首字母以及汉字模糊查询cnchar安装npm i cnchar引入在使用的页面导入import cnchar from 'cnchar';使用下拉框数据有专门的department表,phone表内的department条目用的department表的id,所以用value记原创 2021-12-30 13:43:30 · 1733 阅读 · 1 评论 -
antd-table按照单元格值更改字体颜色
antd-table按照单元格值更改字体颜色当部门为领导班子时,让单元格内文字变成红色更改前://table表头 const columns = [ { title: '姓名', // position: 'fixed', fixed: 'left', dataIndex: 'name', key: '原创 2021-12-29 10:03:14 · 4546 阅读 · 1 评论 -
react-antd表格导出为Excel
react-antd表格导出为Excel安装插件js-export-excel页面导入页面导入按钮调用结果安装插件js-export-excelyarn安装-记得以管理员身份执行yarn add js-export-excel npm安装npm install js-export-excel页面导入页面导入import CreateExcel from 'js-export-excel';按钮<Button style={{margin:'0 0 0 25px'}} onCl原创 2021-12-15 17:24:44 · 1530 阅读 · 0 评论 -
react+antdexcel文件上传预览功能
react+antdexcel文件上传预览功能下载js-xlsx插件yarn add xlsx 或者 npm install xlsx在项目中引入import * as XLSX from 'xlsx';定义插件,并暴露出去export default class UploadFile extends Component {}定义全局变量this.state = { tableData: [], // table的数据转载 2021-12-06 10:29:26 · 2418 阅读 · 0 评论 -
antd的upload组件上传图片至后端项目resource文件夹
antd的upload组件上传图片至后端项目resource文件夹前端部分<Upload name=“logo” action=“http://localhost:9001/api/phonebook/uploadPhoto” listType=“picture”accept=".jpg,.jpeg,.png,.JPG,.JPEG,.PNG"maxCount={1} {…props}><Button icon={}>点击上传accept=".jpg,.jpeg,.p原创 2021-11-05 16:28:31 · 906 阅读 · 0 评论