vxe-table 实现复选框多选,鼠标拖拽选择、鼠标拖拽范围选择
官网: https://vxetable.cn通过 range 启用范围选中,启用后鼠标按住复选框的列,向上或向下滑动选取,支持快捷键;
MouseLeft 按住复选框的列,向上或向下滑动选取;
MouseLeft + Ctrl 局部选取/取消;
<template>
<vxe-table
border
height="500"
:column-config="{resizable: true}"
:row-config="{isCurrent: true, isHover: true}"
:data="tableData"
:checkbox-config="{labelField: 'name', highlight: true, range: true}">
<vxe-column type="checkbox" title="Name"></vxe-column>
<vxe-column field="sex" title="Sex"></vxe-column>
<vxe-column field="age" title="Age"></vxe-column>
<vxe-column field="address" title="Address" show-overflow></vxe-column>
</vxe-table>
</template>
来源:程序园用户自行投稿发布,如果侵权,请联系站长删除
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
页:
[1]