vxe-table 实现复选框多选通过鼠标拖动选择功能

启用表格多选的范围选择功能很简单,启用后就像 excel 一样,可以通过鼠标滑动选择行,也可以按住 ctrl 键部分选择,功能非常强大,支持快捷键;

npm install [email protected] [email protected]
// ...
import VxeUI from 'vxe-pc-ui'
import 'vxe-pc-ui/lib/style.css'
import VxeUITable from 'vxe-table'
import 'vxe-table/lib/style.css'
// ...

createApp(App).use(VxeUI).use(VxeUITable).mount('#app')
// ...

通过设置参数 checkboxConfig.range 就可以开启

支持鼠标直接滑动勾选行
支持同时按住 Ctrl 键(Mac系统是 control 键),部分选择/取消



https://github.com/x-extends/vxe-table

你可能感兴趣的:(vue.js)