a-virtual-table/demo/src/utils.js

The virtual scrolling component developed based on the Table component of Ant Design supports dynamic height and solves the problem of scrolling stuck when the amount of data is large.

export function mockData(start, end) {
  const list = []
  for (let i = start; i < end; i++) {
    const text = getContent()
    const text2 = getContent()
    list.push({
      id: start++,
      index: i,
      text,
      text2,
      show: false,
      checked: false,
      date: new Date().toLocaleString(),
      name: '王小虎',
      province: '上海',
      city: '普陀区',
      address: '上海市普陀区金沙江路 1518 弄',
      zip: 200333,
      category: '江浙小吃、小吃零食',
      desc: '荷兰优质淡奶，奶香浓而不腻',
      shop: '王小虎夫妻店',
      shopId: '10333',
      count: genRandomVal(0, 1000)
    })
  }
  return list
}

function genRandomVal (min, max) {
  return Math.floor(Math.random() * (max - min)) + min
}

function getContent () {
  const content = [
    '这是一条测试数据',
    '君不见黄河之水天上来，奔流到海不复回。',
    '十年生死两茫茫',
    '寻寻觅觅，冷冷清清，凄凄惨惨戚戚。',
    '桃花坞里桃花庵，桃花庵里桃花仙；桃花仙人种桃树，又摘桃花卖酒钱。',
    '明月几时有，把酒问青天。',
    '槛菊愁烟兰泣露，罗幕轻寒，',
    '寒蝉凄切，对长亭晚，骤雨初歇。都门帐饮无绪，留恋处，兰舟催发。执手相看泪眼，竟无语凝噎。念去去，千里烟波，暮霭沉沉楚天阔。多情自古伤离别，更那堪冷落清秋节！今宵酒醒何处？杨柳岸，晓风残月。此去经年，应是良辰好景虚设。便纵有千种风情，更与何人说？',
    '红豆生南国，春来发几枝。',
    '黄鹂'
  ]
  const i = Math.floor(Math.random() * 10)
  return content[i]
}