Tabulator：点击已选中行时能否保持选中状态（selectable:1模式下）

Tabulator没有直接对应的内置配置项，但可以通过监听行点击事件自定义实现需求：

• 初始化表格时开启selectable: 1（基础单行选中配置）
• 监听行的rowClick事件，自定义选中逻辑

代码示例 #

// 初始化表格
var table = new Tabulator("#example-table", {
    selectable: 1,
    rowClick: function(e, row) {
        // 判断当前行是否已被选中
        if(row.isSelected()){
            // 阻止默认的取消选中行为
            e.stopPropagation();
        } else {
            // 清除其他选中行，仅选中当前行
            table.deselectAll();
            row.select();
        }
    },
    // 表格列配置
    columns: [
        {title: "姓名", field: "name"},
        {title: "年龄", field: "age"},
        {title: "职业", field: "job"},
    ],
    // 示例数据
    data: [
        {name: "张三", age: 28, job: "工程师"},
        {name: "李四", age: 32, job: "设计师"},
        {name: "王五", age: 25, job: "产品经理"},
    ]
});

效果说明 #

• 点击未选中的行：自动清除之前选中的行，仅选中当前点击的行
• 点击已选中的行：保持选中状态，不会触发取消选中操作

内容的提问来源于stack exchange，提问作者TJR