Grid 显示平滑网格2个网格，在第二个网格上失去焦点

我一直在使用slick grid，这非常好，但有一个非常小的琐碎问题，我似乎无法停止

我显示两个网格，一个是可编辑的，当项目被“批准”后，它们将被移动到第二个网格，该网格是只读的

到目前为止一切都很好。。。但在测试过程中，很明显，当点击第二个网格中包含复选框的单元格时，如果在单元格中点击复选框，则焦点将重置为第一个网格。如果他们点击其他地方，它不会做任何事情，但如果点击复选框，它会转移焦点。它不会改变值，但会转移焦点。如果我删除格式化程序，它不会转移焦点

有什么想法吗

我应该看看某种自定义格式化程序吗

如果需要，我可以提供屏幕截图或代码。两个网格都是独立定义的。除了这个小问题之外，它们工作得非常好，这似乎是因为选中了复选框（只读，无编辑器）。单击该单元格或其他单元格中的任何其他位置都不会产生任何效果

我试图处理beforeEdit事件并忽略它。只是想知道我是否遗漏了什么。可能有

谢谢（代表OP发布）

我使用自定义格式化程序解决了此问题：

function customFormatter(row,cell,value,columnDef, dataContext) {

    console.log('value '+ value);

    if(value == true)
    {
    return "<input type='checkbox' onclick='return false;' id='coding' name='interest' value='coding' checked>"
    }
    else
    {
    return "<input type='checkbox' onclick='return false;' id='coding' name='interest' value='coding'>"
    }

}

函数customFormatter（行、单元格、值、列定义、数据上下文）{
console.log（'value'+value）；
如果（值==true）
{
返回“”
}
其他的
{
返回“”
}
}

复选框仍会显示，但不会使第二个网格与第一个网格失去焦点：）

（代表OP发布）

我使用自定义格式化程序解决了此问题：

function customFormatter(row,cell,value,columnDef, dataContext) {

    console.log('value '+ value);

    if(value == true)
    {
    return "<input type='checkbox' onclick='return false;' id='coding' name='interest' value='coding' checked>"
    }
    else
    {
    return "<input type='checkbox' onclick='return false;' id='coding' name='interest' value='coding'>"
    }

}

函数customFormatter（行、单元格、值、列定义、数据上下文）{
console.log（'value'+value）；
如果（值==true）
{
返回“”
}
其他的
{
返回“”
}
}

复选框仍会显示，但不会使第二个栅格与第一个栅格失去焦点：）