学习记录514@react使用antd选择器设置下拉菜单宽度

默认选择器和下拉菜单是等宽的，但是因为的选择项有些比较长，无法全部显示，因此要设置下拉菜单和选择器不一样宽。

新建index.css文件

.select-drop-down-platform {width: 360px;
}

使用样式

注意一定要引入样式文件，我用的是函数式组件，这里只列举关键代码
dropdownMatchSelectWidth={false} 设置选择器和下拉菜单是不要等宽，一定要设置这个
dropdownClassName=“select-drop-down-platform” 设置下拉菜单宽度

import "./index.css";
export default () => {return {<Select defaultValue="all" style={{ width: 120 }} dropdownMatchSelectWidth={false} className="mr-4" dropdownClassName="select-drop-down-platform" onChange={handlePlatformOptionChange}><Option value="all">全部</Option>{platformOption}</Select>   }
}

效果就实现了

学习记录514@react使用antd选择器设置下拉菜单宽度相关推荐

怎么在excel设置下拉菜单
在制作excel表格时,为了规范化表格填写的内容和填写人员的方便,我们需要在excel设置下拉菜单,以便于更好的管理.统计表格,分享一个怎么在excel设置下拉菜单方法. 1.打开excel表格,在这 ...
excel设置下拉菜单，并且不同值会显示不同颜色
工作中常常要用的excel,每次都会有新的需求,然后不会,然后百度,然后过段时间可能就又忘了,于是就想说,自己记录下来~~~因为自己用的都是2010,其实哪个版本都差不多,都是应该可以找到相应的按钮滴 ...
在excel的单元格中设置下拉菜单
很多时候我们在编辑excel的时候,在插入相同的内容时显得比较繁琐,下面教大家在excel单元格中设置下拉菜单,直接点击后更改单元格内容..步骤如下: 1.选中一列,然后点击菜单栏"数据&q ...
handsontable 给单元格设置下拉菜单
handsontable 可以扩展 render 和编辑功能,当然自己扩展还是很麻烦的. 默认给了这么几种单元格类型 "autocomplete" or Handsontable. ...
小福利，带你快速入门sumifs多条件求和函数、设置下拉菜单结合vlookup函数双条件查找数据、excel的切片器（表关联）、数据透视表、数据透视图
第一部分:利用sumifs函数求得双条件下的求和值如题,现在需要根据下拉菜单年份和商品来查找利润, 第一步,在年份H3设置数据验证,分别是2019,2020,2021 第二步,在商品H4设置数据验证 ...
excel添加列下拉框票价_如何在excel中设置下拉菜单
excel是日常办公中应用非常多的办公软件之一,其强大的数据统计.分析功能为工作带来不少方便.在EXCEL中设置下拉菜单,以方便输入相同内容.本文就以将性别设置为下拉菜单为例,介绍在excel中设置下 ...
Office技巧之一 EXCEL设置下拉菜单
首先在一个新的工作表中创建一些下拉的内容,如图如果是excel 2003 看图操作如果是excel 2010 看下图操作接下来在来源里输入要下拉内容的单元格或者用选择的方式,如图点确定后,看 ...
LibreOffice/Calc：单元格设置下拉菜单
造冰箱的大熊猫,本文适用于LibreOffice Calc 5.1.6.2 + Ubuntu 16.04@cnblogs 2019/1/2 LibreOffice是一个类似Microsoft Off ...
layui学习笔记（五）关于layui按钮下拉菜单dropdown使用。研究dropdown数据提取、显示过长、样式显示问题。
前言今天做后台文章列表的时候,添加了一个功能:给文章批量移动分类. 方法有很多,比如:选择多条文章-按钮弹窗-下拉菜单select-选择分类-提交.也可以选择多条文章-直接下拉菜单select-选择 ...
excel表格中如何设置下拉菜单
一. 直接自定义序列用"数据/有效性"功能可以达到目的. 以选择性别为例,制作有男.女选项的下拉菜单: 选中"性别"数据区域: 执行"数据/有效性& ...

学习记录514@react使用antd选择器设置下拉菜单宽度

新建index.css文件

使用样式

学习记录514@react使用antd选择器设置下拉菜单宽度相关推荐

最新文章

热门文章