关于列columns的一些配置
let columns = [{title: '责任人',dataIndex: 'createTime4',key: 'createTime4',hideInSearch:true,hideInTable:false,hideInForm:false,width: 100,fieldProps:{ // 查询表单的 props,会透传给表单项,如果渲染出来是 Input,就支持 input 的所有 props,同理如果是 select,也支持 select 的所有 props。也支持方法传入placeholder:'',...},formItemProps:{ // 传递给 Form.Item 的配置,可以配置 rules,但是默认的查询表单 rules 是不生效的。label:'' ,validateTrigger:'onBlur', // 失去焦点触发rules:[{required:true,message:'xxxx',transform(value){...........return 'xxx'}}] },search:{ // 配置列的搜索相关,false 为隐藏transform:(value)=>{return {startTime:vlaue[0],endTime:vlaue[1]}}},colSize:1,// 一个表单项占用的格子数量filters:false, // 表头的筛选菜单项,当值为 true 时,自动使用 valueEnum 生成onCell:(_:any, index:any) => { // 合并单元格return {rowSpan:_.rowSpan4} // 行合并,处理数据见以下函数 changeData()},}
]
关联函数定义
1.changeData 处理数据 rowSpan值
// 正常每一条数据,需要合并的参数 如上: changeData(data,'createTime4')
const changeData = (data,field)=>{let count = 0;//重复项的第一项let indexCount = 1;//下一项while (indexCount<data.length){var item = data.slice(count,count+1)[0];//获取没有比较的第一个对象if(!item.rowSpan){item.rowSpan = 1;//初始化为1}if(item[field] === data[indexCount][field]){//第一个对象与后面的对象相比,有相同项就累加,并且后面相同项设置为0item.rowSpan++;data[indexCount].rowSpan = 0;}else {count = indexCount;}indexCount++;}
}
关于列columns的一些配置相关推荐
- antd 设置表头属性_解决react使用antd table组件固定表头后,表头和表体列不对齐以及配置fixed固定左右侧后行高度不对齐...
一.固定表头后表体列和表头不对齐 此问题可能在antd3.24.0版本之前都存在,反正3.16.2版本是存在这个问题的,如果是3.24.0之前的版本估计只能通过修改css样式解决. 按照官网说的: 1 ...
- antd table动态表头_解决react使用antd table组件固定表头后,表头和表体列不对齐以及配置fixed固定左右侧后行高度不对齐...
1.固定表头后表体列和表头不对齐 此问题可能在antd3.24.0版本以前都存在,反正3.16.2版本是存在这个问题的,若是是3.24.0以前的版本估计只能经过修改css样式解决.css 按照官网说的 ...
- SDN——转控分离、CPU保护机制——COPP技术案列详解及配置命令、
目录 一机双平面(转控分离): SDN--详细: copp技术简介: DDOS攻击: DOS攻击: 配置命令: 一.控制层端口: 配置一:基于传输层端口进行过滤(去往CPU的传输层流量执行过滤) (1 ...
- columns列:Rows 工作表上所有的行
columns 列 "模型"(Model) 列在缺省情况下不显示.单击"列"(columns)>"模型"(Model) 以显示&q ...
- CSS3多列布局 columns 弹性布局 flex
多列布局columns 多列布局可以控制页面内容的排版方式,可以将文本内容设计成像报纸一样的多列布局. 属性 示例 含义 column-count column-count: 3; 将元素内部分割成3 ...
- Excel VBA:引用行和列——Rows属性和Columns属性
操作方法:引用行和列 可用 Rows 属性或 Columns 属性来处理整行或整列.这两个属性返回代表单元格区域的 Range 对象.在下例中,Rows(1) 返回 Sheet1 上的第一行,然后将区 ...
- Hibernate hbm2ddl.auto配置的可能值是什么,它们做了什么
本文翻译自:What are the possible values of the Hibernate hbm2ddl.auto configuration and what do they do I ...
- imp命令导入指定表_Sqoop 使用shell命令的各种参数的配置及使用方法
点击上方蓝色字体,选择"设为星标" 回复"资源"获取更多资源 本文作者:Sheep Sun本文链接:https://www.cnblogs.com/yangxu ...
- ssis 派生列_具有多个表达式与多个转换的SSIS派生列
ssis 派生列 In this article, we will first give an overview on SSIS derived column transformation, then ...
最新文章
- Ackerman 函数-奇怪的函数
- [导入]编写程序实现n阶(n为奇数)魔方(C)
- nginx配置php 9000,Nginx支持php配置
- 【招聘(北京)】今天誉讯(北京)有限公司招聘高级.NET软件开发前端工程师
- APP安全环节缺失,手游运营商怎样应对APP破解困境
- python 发送邮件的两种方式【终极篇】
- CountDownLacth详解
- 知识点:Mysql 数据库索引优化实战(4)
- Springboot03整合SpringDataJPA访问MySQL数据库
- 不下载APP就不能看全文?工信部出手了...
- AndroidStudio安卓原生开发_android按钮防止短时间内连续点击_在android_java中都能使用---Android原生开发工作笔记131
- QT中PRO文件写法的详细介绍,很有用,很重要!
- 来!喝杯可乐!让你秒懂 MVP 架构模式 | 原力计划
- Android单选中listview中的一项
- [转载] python字典查询功能_Python中的字典功能
- python源码剖析读书笔记总结_《Python源码剖析》读书笔记:内存垃圾回收
- 主板定制X86嵌入式器件选型
- php学习之路:WSDL详细解释(两)
- Mysql查询某列最长字符串记录
- java混淆器_Java 混淆器