antdesign vue组件问题(二)table 组件错位问题,滚动加载,行选中问题,树表格自定义节点图标
table 组件错位导致问题出现的原因很多; 1. 内容区超过td范围, ant 组件并不像ele 提供了 tool-tip展示, 解决办法:在每个单元格外包一层div 设置宽度 css 样式 处理成 文本溢出 省略号 代替显示 当然你回发现这样处理过后文本是不会超出了,但是错位问题还是没有解决。 2. index 列 和 check 列同时出现 会存在错位。 index 列 ant 是不支持 配置的, 只能这样,在表头数据中插入一项 arr.unshift({ title: "序号", dataIndex: "index", width: this.indexWidth, render: (text, record, index) => `${index + 1}` }); 当你缩放页面, 你会发现 表头的缩放过程和表体不一致, 这有导致了错位,,原因竟然是复选列和序号列的表头宽度和标题宽度不一致, 这时又一个属性出现了 :scroll="{ x: scrollX, y: scrollY }", 通过设置 scroll 属性,官方意见是这样的 3. scroll 若列头与内容不对齐或出现列重复,请指定固定列的宽度 width。 建议指定 scroll.x 为大于表格宽度的固定值或百分比。注意,且非固定列宽度之和不要超过 scroll.x。 起初scrollX, 为所有列之和,