在Internet Explorer中的ag-grid中移动行选择会选择其他文本

Question

我尝试了以下ag-grid实现示例 ： 示例-多行选择 。 特别的例子-多行选择 。 当我在Chrome-Mozilla-Opera中选择带偏移的行时，一切都很好，如图1所示。

不幸的是，我还必须支持IE浏览器。 当我在IE中执行相同的操作时，还选择了一些其他文本：上方标题，依此类推。 有办法解决这个问题吗？

ps最好为此示例准备一个插件，还是从ag-grid网站上获得示例就足够了？

Answer 1

就个人而言，为了选择行（而不是单元格！），我希望在行的开头选择一个复选框。 它可能会解决IE的问题。

在列定义上使用属性checkboxSelection ，例如：

{headerName: "Athlete", field: "athlete",  checkboxSelection: true},

如果你想以执行复选框选择行，你可以设置在gridOptions到真正的财产suppressRowClickSelection。

Answer 2

当前，解决方案是使用：

$window.getSelection().removeAllRanges();

在

onRowSelected

监听器。 因此，每次更改行选择时，IE中其他元素的选择都将被删除。 这不是一个好的解决方案，但是更好的是什么也没有。 Mozilla MDN

Answer 3

关闭页面的用户选择，将此CSS放在正文上：body {user-select：none; }

网格会为网格执行此操作，但不会尝试为应用程序的其余部分执行操作（不应这样做）。 问题是IE如何理解Shift-click，所以我不认为这是网格问题，最好是解决它。 当单页Web应用程序是详细应用程序时，关闭用户选择是相当标准的（如果您使用的是Ag-Grid，我想您应该关闭它）。