滚动使用better-scroll来做

好的，可以使用 better-scroll 来实现滚动效果。

better-scroll 是一款重点解决移动端滚动场景需求的插件。它可以轻松实现滚动、轮播等效果，支持横向和纵向滚动，提供了丰富的 API 和事件。

以下是一个使用 better-scroll 实现滚动效果的示例代码：

<div id="wrapper">
  <table>
    <!-- 表格内容 -->
  </table>
</div>

import BScroll from 'better-scroll'

const wrapper = document.getElementById('wrapper')
const table = document.querySelector('table')
const scroll = new BScroll(wrapper, {
  scrollX: true, // 横向滚动
  scrollY: true, // 纵向滚动
  click: true, // 允许点击
  bounce: false, // 禁止回弹效果
  probeType: 3 // 实时派发 scroll 事件
})

// 设置表格宽度和高度
table.style.width = `${table.offsetWidth}px`
table.style.height = `${table.offsetHeight}px`

// 监听滚动事件，根据滚动位置实时更新表格位置
scroll.on('scroll', (pos) => {
  table.style.transform = `translate(${pos.x}px, ${pos.y}px)`
})

上述代码中，我们首先引入了 better-scroll 库，并创建了一个包含表格的滚动容器。然后，我们使用 BScroll 类创建了一个滚动实例，并设置了滚动方向、点击、回弹等参数。接着，我们设置了表格的宽度和高度，并通过监听滚动事件来动态更新表格位置。

需要注意的是，由于 better-scroll 会对容器进行一定的样式处理，因此在使用时需要根据实际情况调整表格的样式和布局。