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的一些配置相关推荐

  1. antd 设置表头属性_解决react使用antd table组件固定表头后,表头和表体列不对齐以及配置fixed固定左右侧后行高度不对齐...

    一.固定表头后表体列和表头不对齐 此问题可能在antd3.24.0版本之前都存在,反正3.16.2版本是存在这个问题的,如果是3.24.0之前的版本估计只能通过修改css样式解决. 按照官网说的: 1 ...

  2. antd table动态表头_解决react使用antd table组件固定表头后,表头和表体列不对齐以及配置fixed固定左右侧后行高度不对齐...

    1.固定表头后表体列和表头不对齐 此问题可能在antd3.24.0版本以前都存在,反正3.16.2版本是存在这个问题的,若是是3.24.0以前的版本估计只能经过修改css样式解决.css 按照官网说的 ...

  3. SDN——转控分离、CPU保护机制——COPP技术案列详解及配置命令、

    目录 一机双平面(转控分离): SDN--详细: copp技术简介: DDOS攻击: DOS攻击: 配置命令: 一.控制层端口: 配置一:基于传输层端口进行过滤(去往CPU的传输层流量执行过滤) (1 ...

  4. columns列:Rows 工作表上所有的行

    columns   列 "模型"(Model) 列在缺省情况下不显示.单击"列"(columns)>"模型"(Model) 以显示&q ...

  5. CSS3多列布局 columns 弹性布局 flex

    多列布局columns 多列布局可以控制页面内容的排版方式,可以将文本内容设计成像报纸一样的多列布局. 属性 示例 含义 column-count column-count: 3; 将元素内部分割成3 ...

  6. Excel VBA:引用行和列——Rows属性和Columns属性

    操作方法:引用行和列 可用 Rows 属性或 Columns 属性来处理整行或整列.这两个属性返回代表单元格区域的 Range 对象.在下例中,Rows(1) 返回 Sheet1 上的第一行,然后将区 ...

  7. Hibernate hbm2ddl.auto配置的可能值是什么,它们做了什么

    本文翻译自:What are the possible values of the Hibernate hbm2ddl.auto configuration and what do they do I ...

  8. imp命令导入指定表_Sqoop 使用shell命令的各种参数的配置及使用方法

    点击上方蓝色字体,选择"设为星标" 回复"资源"获取更多资源 本文作者:Sheep Sun本文链接:https://www.cnblogs.com/yangxu ...

  9. ssis 派生列_具有多个表达式与多个转换的SSIS派生列

    ssis 派生列 In this article, we will first give an overview on SSIS derived column transformation, then ...

最新文章

  1. Ackerman 函数-奇怪的函数
  2. [导入]编写程序实现n阶(n为奇数)魔方(C)
  3. nginx配置php 9000,Nginx支持php配置
  4. 【招聘(北京)】今天誉讯(北京)有限公司招聘高级.NET软件开发前端工程师
  5. APP安全环节缺失,手游运营商怎样应对APP破解困境
  6. python 发送邮件的两种方式【终极篇】
  7. CountDownLacth详解
  8. 知识点:Mysql 数据库索引优化实战(4)
  9. Springboot03整合SpringDataJPA访问MySQL数据库
  10. 不下载APP就不能看全文?工信部出手了...
  11. AndroidStudio安卓原生开发_android按钮防止短时间内连续点击_在android_java中都能使用---Android原生开发工作笔记131
  12. QT中PRO文件写法的详细介绍,很有用,很重要!
  13. 来!喝杯可乐!让你秒懂 MVP 架构模式 | 原力计划
  14. Android单选中listview中的一项
  15. [转载] python字典查询功能_Python中的字典功能
  16. python源码剖析读书笔记总结_《Python源码剖析》读书笔记:内存垃圾回收
  17. 主板定制X86嵌入式器件选型
  18. php学习之路:WSDL详细解释(两)
  19. Mysql查询某列最长字符串记录
  20. java混淆器_Java 混淆器

热门文章

  1. 常微分方程组之龙格-库塔法
  2. php 监听redis,php监听redis key失效触发回调事件_后端开发
  3. 聊一聊:苹果发布新款M2 MacBook Air,macOS 13上线
  4. 苹果在高端手机市场碾压安卓手机,国产旗舰不入前十
  5. 想想搭建个域控文件打印机服务器
  6. 乘云创数,华为云企业快成长大数据技术创新论坛(深圳站)圆满落幕!
  7. LCD(GEC6818)
  8. java 网速测试_简易的网速测试 - 梦想游戏 - OSCHINA - 中文开源技术交流社区
  9. Android网卡网速测试
  10. zabbix报错排错大全