项目需求
1.有一个大概40列*80行的table列表,除了在小屏幕上希望可以滚动显示,并且在打屏幕上需要全屏,不可滚动、不可分页的显示所有数据
2.前两列固定在左侧,且宽度固定
3.其他列如果列少时需要适应屏幕宽度显示,列多时需要有最大宽度并有滚动效果
遇到问题
在列少时:比如除前两个列之外还有两列,这两列的内容没有撑满表格,而强两列的固定列重复显示两次如下图所示
原因是我在后面的列的设置中加入了
ellipsis: true,
minWidth: 50,
这两个参数所以就不行了
可能上面说的太笼统,下面我就给出一个稍微全的代码
<template>
<div>
<a-table
:columns="columns"
:data-source="tabledata"
bordered
:pagination="false"
:scroll="{ x: true }"
@change="onChange"
>
<span :slot="id" slot-scope="text, record">
<!-- 插槽内容 -->
</span>
</a-table>
</div>
&l