antd中表格的字段设置成掩码

如上图所示，是一个利用antd制作的一个表格，现在讲微信里面的字段设置成掩码格式。

代码：

const columns = [{title: '用户编号',dataIndex: 'originalId',key: 'originalId',width: 70,},{title: '微信号',dataIndex: 'wxCode',key: 'wxCode',width: 70,render: (value) => <Input compact={true} value={value} disabled="false" type="password"/>},{title: '是否有效',dataIndex: 'status',key: 'status',width: 70,render: (value) => ValidStatus.getTextFromValue(value)},{title: '昵称',dataIndex: 'nickname',key: 'nickname',width: 70}]

在微信字段出设置一个render，里面嵌入一个 input框。

然后清除掉 input的样式:

.ant-input {width: 100%;height: 28px;border: 0px;outline: none;cursor: pointer;background: transparent;
}

antd中表格的字段设置成掩码相关推荐

服务器上的hdfs的配置文件中，namenode不能设置成127.0.0.1或者localhost，要设置ip或者映射别名
服务器上的hdfs的配置文件中,namenode不能设置成127.0.0.1或者localhost,要设置ip或者映射别名.
抖音计算机音乐怎么设置,抖音短视频中的音乐怎么设置成铃声超级简单
原标题: 抖音短视频中的音乐怎么设置成铃声超级简单抖音短视频中的音乐怎么设置成铃声超级简单抖音短视频设置手机铃声教程如今抖音短视频app平台,用户量非常庞大,我们经常能在刷抖音的时候听到一些 ...
antd 中的 table 组件设置 size 属性值为 small 后，表头背景色设置的解决方案
antd中的 table 组件的效果图: 默认size属性值是default : 当设置size="small" ; 表头的背景色没有了: 解决方案:在表格列里面设置 classN ...
在Closing事件中,将e.Cancle设置成true,则Windows无法关机和重启系统的解决办法
最近在设计一个WinForm程序的时候遇到一个bug,就是From1窗体的关闭事件中设置了e.Cancle设置成true,导致系统无法关机重启,windows7 和windows xp都是这样. 我这 ...
计算机打开光驱的命令,在dos命令提示符中如何把电脑设置成从光驱开启
第一部分∶用软盘启动进入DOS 一.设置软驱为第一启动盘. 当电脑刚刚启动出现如下图1 时图1 按下"DEL"键或"Delete"键不放手,直到出现图2 ...
wxpython中表格顶角怎么设置,wxpython listctrl并修复列宽
我正在尝试使面板中的"表格"看起来更好.我遇到的问题是表格填满了面板,但所有内容都在左侧.我希望每列的大小均相同,并跨越面板的整个宽度.我已经看过ListCtrlAutoWidth ...
wxpython中表格顶角怎么设置_46-wxpython 4 使用 grid 展示表格
文章导航 wx.grid.Grid Grid这个控件主要是用于显示和编辑表格数据. 控件样式在OS X 系统下显示样式使用样例 import wx import wx.grid class Grid ...
java把date改成时间戳_spring处理数据库中Date类型字段转换成时间戳问题
有两种方式可以解决日期转换Json问题: 1.(不推荐)局部修改,自定义注解进行将日期类型转换为Date类型. 2.(强烈推荐)全局修改,用MappingJackson2HttpMessageConv ...
python做值班表预测_Django model一张表中两个字段设置外键参考另一张表两个字段...
class products(models.Model): MODE_CHOICES=(('week','周'),('day','日')) productname=models.CharField(m ...

antd中表格的字段设置成掩码

antd中表格的字段设置成掩码相关推荐

最新文章

热门文章