xiaocheng555 / a-virtual-table Goto Github PK

64条数据，一直停留在35条
注：每条数据高度会不一致

自定义列表标题，不会显示

<a slot="name" slot-scope="text">{{ text }}</a>
<span slot="customTitle"><a-icon type="smile-o" /> Name</span>

columns = [
  {
    dataIndex: 'name',
    key: 'name',
    slots: { title: 'customTitle' },
    scopedSlots: { customRender: 'name' },
  }]

<template v-for="slot in Object.keys($scopedSlots)" :slot="slot" slot-scope="text"> <slot :name="slot" v-bind="typeof text === 'object' ? text : {text}"></slot> </template>
应该改成：
<template v-for="slot in Object.keys($scopedSlots)" :slot="slot" slot-scope="text, record, index"> <slot :name="slot" v-bind="{text, record, index}"></slot> </template>

在列少情况下。没有X滚动条。列就会对不齐

columns: [
{
title: '#',
index: true,
width:60,
},
{
title:'唯一码',
align:"center",
dataIndex: 'prodUnicode',
width:280,
scopedSlots: {
filterDropdown: 'filterProdUnicode'
},
},
{
title:'数量',
align:"center",
width:60,
dataIndex: 'qty'
},
{
title:'sku代码',
align:"center",
width:200,
dataIndex: 'skuCode'
},
{
title:'商品代码',
align:"center",
width:100,
dataIndex: 'prodCode'
},
{
title:'款号',
align:"center",
width:100,
dataIndex: 'prodModel'
},
{
title:'名称',
align:"center",
width:150,
dataIndex: 'prodName'
},
{
title:'属性',
align:"center",
width:250,
dataIndex: 'skuValues'
},

      {
        title: '操作',
        align:"center",
        fixed:"right",
        width:60,
        scopedSlots: { customRender: 'action' },
      }
    ]

slot-scope="text” 只能获取到 text ,无法获取record 我的操作列都无法使用了

我现在有个需求，使用 antd 的 table， 但数据量太大了，所以也想用虚拟滚动效果，请问下有什么思路吗？样式和框架还是想使用 antd 的 css。

key:'rowIndex', 行号会不对 有办法解决问题吗
customRender function (t,r,index) {
return parseInt(index)+1;
}

目前过滤的数据不是全量的，只能过滤可视区域内的数据