- 博客(9)
- 收藏
- 关注
原创 ant-Design Table 可伸缩列
本文实现了一个可拖拽调整列宽并保存宽度的React表格组件。主要特点包括:1. 基于Ant Design Table封装,支持列宽拖拽调整;2. 通过GlobalStore存储列宽配置,避免页面切换导致宽度重置;3. 支持设置最小/最大宽度限制;4. 使用resizable-react库实现拖拽功能。组件通过自定义表头单元格和巧妙的状态管理实现功能,解决了排序图标与拖拽手柄的布局冲突问题。使用方式简单,只需传入pageTableKey即可集成到项目中。
2025-10-24 15:48:22
323
原创 ant-design-select-search粘贴内容下拉选项无法更新
在写Select的时候把复杂的一个零件号粘贴到输入框内发现粘贴的值没有办法触发下拉选项的视图更新。问AI感觉还是有点智障,回答的千奇百怪。最后去查阅官方文档发现 Ant Design Select 默认开启。功能,当输入值时,组件会自动过滤选项列表,因为异步接口还没有返回值。
2025-08-19 17:33:56
421
原创 uni-app移动端pdf在线预览。
3、用了一个2.16版本的包放在static下的 pdf 文件夹中,在内置浏览器没问题,显示很完美。这里是接口返回的数据,在App内和真机返回的数据有区别。导致一直获取不到具体路径,所以会显示不出来,最后用。最近要在移动端内加一个系统的操作手册,网上搜了很多教程,很多都比较乱。自己把遇到的坑总结一下。2、一开始采用了 bolb 格式一直报错 bolb 未定义。将本地URL路径转换成平台绝对路径在真机上就可以显示出来了。1、pdf.js官网上最新包可能不太兼容,我这边会报错。也没有 document。
2024-06-13 10:01:39
1195
1
原创 Data-v轮播表数据频繁调用视图不更新。
因为接口要频繁去调用,写了个定时器一秒调用一次。但是发现这样视图没有更新。检查了一会发现从接口获取值有问题。在每次调用方法的时候重新赋值一下就OK。方法是用来处理轮播表的数据格式,我这里对我的报警状态列做了一个颜色处理。也可以在这里调整字体大小格式等。在项目里用到了datav的。dv-scroll-board 轮播表。
2024-06-04 17:28:17
795
原创 页面打印成PDF下载(超详细教程)
第二个是有一部分无法显示完全,我这里直接写成了固定像素,自己在页面审查一下宽度即可。具体的实现方法,要打印的写在容器里即可。第一个是有的样式会错乱无法现在,加。写到这里发现有两个问题。和 设置下字体即可。
2024-05-17 14:23:17
545
1
原创 element ui table行内合并某列某行单元格&合并重复单元格
/ 第二个单元格不显示,因为已合并到第一个单元格。<el-table-column prop="address" label="地址"></el-table-column><el-table-column prop="name" label="姓名"></el-table-column><el-table-column prop="age" label="年龄"></el-table-column>return { rowspan: 1, colspan: 1 };我这里写了合并姓名列的前两个单元格。
2024-05-16 16:13:44
825
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅