![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
change66
这个作者很懒,什么都没留下…
展开
-
[React]Ag-grid表格如何实现当列比较少的时候自适应屏幕宽度
参考Ag grid react官网上的方法先实现一个表格。接下来实现宽度的自适应。原创 2022-08-17 06:28:05 · 1128 阅读 · 1 评论 -
[React] 纯SCSS实现一个checkbox
需求:如下图所示,根据不同的状态,Status这一列显示不同的样式,如果状态是In Progress,则显示橘色的线框;如果状态是Complete,则显示蓝色背景加对勾的框,类似于checkbox一开始笔者对于蓝色背景加对勾的框用的是Input checkbox来实现的,但这样会有一个问题,就是Input的onChange事件会去执行两次,这样导致页面显示不稳定(什么原因导致的,笔者有待继续去研究,如果弄明白了,会在此更新)解决办法:把Input checkbox改为用div来显示,然后通过样式来实原创 2021-05-06 06:36:10 · 237 阅读 · 0 评论 -
[React]Ant table中文本列自适应文本的宽度
需求:React中的ant table, 其中一些文本列显示的是一些重要的内容,但是由于宽度不够,被显示为..., 只有当鼠标hover到上面的时候才能看到全的信息。对于用户来说用户希望一眼可以看到重要列的重要信息1.能够看到该文本列的最大宽度固定为字符的宽度"aaaaaaaaaaaaaaaaaaaaaaaaaaaa"2.能够看到该文本列的最小宽度固定为字符的宽度"bbbbbb"实现方法如下:import React, {useState, useEffect} from 'react'.原创 2021-05-05 07:09:28 · 2832 阅读 · 0 评论