react.js - antd table 列固定

问题描述

问 题

问题1. 表格 columns配置的时候 full name 和age 是固定列, 但是生成的表格中中间非固定列里 还有fullname 和 age 同时也有check box, 我看了dom 渲染出的固定列和非固定列是两个table, 非固定列包括所有固定列里面的列.
问题2. 文字超长印象固定列与非固定列之间的高度, 如图:蓝色为同一行 但是固定列的有换行导致 下面所有行都不一致, 所以想问一下有没有超长隐藏的选项 或者是可以拖拽的方法 毕竟表格拖拽很普遍吧, 截止目前我没法先有列宽度课拖拽的选项

解决方案

问题1. 表格 columns配置的时候 full name 和age 是固定列, 但是生成的表格中中间非固定列里 还有fullname 和 age 同时也有check box, 我看了dom 渲染出的固定列和非固定列是两个table, 非固定列包括所有固定列里面的列.

这是个问题吗？

问题2. 文字超长印象固定列与非固定列之间的高度, 如图:蓝色为同一行 但是固定列的有换行导致 下面所有行都不一致, 所以想问一下有没有超长隐藏的选项 或者是可以拖拽的方法 毕竟表格拖拽很普遍吧, 截止目前我没法先有列宽度课拖拽的选项

试试在 columns 的 render 里写 css 控制下？

这篇关于react.js - antd table 列固定的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！