在table中,如果将列固定,上下滚动的时候会造成行错位 What is expected? 当table中上下滚动的时候,固定列的表格和可移动的表格应该同时动起来,没有行差 What is actually happening? 当table中上下滚动的时候,固定列的表格和可移动的表格之间有错位,造成体验感不佳。Contributor ant-design-bot commented May 18, ...
Environment MacBookpro chorme(57.0.2987.133 (64-bit)) antd-2.9.3 Reproduction link http://codepen.io/anon/pen/gWmROa?editors=0010 Steps to reproduce const {Table } = antd; const columns = [ { "key": "endpoint", "dataIndex": "endpoint", "title": "主机名", "hidden": 0 }, { "k...
//解决左右两边fixed固定的表格行高不一致 this.$nextTick(()=>{ //table的id let tableId = 'fixedTable'; const scrollDiv = document.querySelector(`#${tableId} .ant-table-scroll > .ant-table-body`); const leftFixedDiv = document.querySelector(`#${tableId} .ant-table-fixed-left .ant-...
设置横向或纵向滚动,也可用于指定滚动区域的宽和高,建议为 x 设置一个数字,如果要设置为 true,需要配合样式 .ant-table td { white-space: nowrap; } { x: number , y: number } 一般用于大数据展示时,让横向出现滚动的效果,主要用来兼容小屏幕 也可以固定某一列,在columns中对应的列添加fixed: 'right',...
ant design vue 表格固定列不对齐 ant vue table 原理: 合并指定字段,按行遍历,相同的地方rowSpan设为0,第一行设为n(n行重复); table代码: <a-table :columns="methodColumns" :data-source="PreData(methodData,1)" bordered></a-table> 1.
这里错位的原因是因为table里面又放了一个表单。expandedRowRender里面后来没放table,而是手动把数组进行遍历,然后写样式……就没有出现这个问题了……代码列一列?↓`<Table className="erp-global-table" bordered rowKey={(_, index) => index} columns={columns} pagination={false} expandedRowRender={record ...
antvue固定列错位 .ant-table-body{overflow:overlay!important;padding-right:16px;padding-bottom:16px;}.ant-table-placeholder{border-top:0;}.ant-table-body tr:last-child td{border-bottom:0;}.ant-table-tbody tr:last-child td{border-bottom:0;}...
百度到了说需要直接把表格头固定宽,试了下有效果但觉得的不够灵活,于是自己找到了一个较好的方法。这也解决了横向滚动条拖到底列不对齐的问题。 相比固定宽,可以一劳永逸。 // 全局中添加以下样式 .ant-table-f…
title:''//此处添加一个空列,让此列去自适应一行宽度 }, { title:'编辑', key:'action', width: 300, fixed:'right', align:'center', render: record => { return...//省略 } } 空列自适应宽度。 分析原因: Table的 fixed 会单独重写一个table结构,在列少的情况下,原table的列会展示出来,本菜...