Other Libraries

Using Vue Table Touch Scroll with other UI libraries or custom tables

Other UI Libraries

Vue Table Touch Scroll supports Table components from all desktop Vue UI component libraries.

For libraries with built-in presets, see the API Reference and use preset for quick integration:

<template>
  <div v-table-touch-scroll="{ preset: 'arco-design' }">
    <a-table :columns="columns" :data="data" />
  </div>
</template>

No Preset? Use Selector

For libraries without built-in presets, use selector to specify the actual scrollable container element inside the table. You'll need to use browser DevTools to find the CSS selector for the DOM element responsible for scrolling:

<template>
  <div v-table-touch-scroll="{ selector: '.your-table-scroll-container' }">
    <YourTable :data="data" />
  </div>
</template>
VxeTable