垢峒 发表于 4 天前

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]
查看完整版本: vxe-table 实现复选框多选,鼠标拖拽选择、鼠标拖拽范围选择