Question

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

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

P.S。为这个例子准备一个plunkr或者ag-grid网站的例子是否足够？

Answer 1

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

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

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

如果要强制按复选框选择行，可以将gridOptions中的属性 suppressRowClickSelection 设置为 true 。

Answer 2

目前，解决方案是使用：

$window.getSelection().removeAllRanges();

在

onRowSelected

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

Answer 3

关闭您页面的用户选择，将此css放到正文上：身体 { user-select：none; }

网格为网格执行此操作，但不会尝试为应用程序的其余部分执行此操作（它不应该）。问题是IE如何理解转换点击，所以我不认为这是一个网格问题，最好是解决它。当它们是详细的应用程序时，关闭用户选择单页网页应用程序是非常标准的（如果您使用的是ag-Grid，我猜你的是这样）。