在 Internet Explorer 中 ag-grid 中的 Shift 行选择选择额外的文本
Shift row selection in ag-grid in Internet Explorer selects additional text
我尝试了以下 ag-grid 实施示例：
Example - Multiple Row Selection。特别是 示例 - 多行选择 。当我 select 在 Chrome-Mozilla-Opera 中移动的行时，一切都很好，如图 1 所示。
不幸的是，我也必须支持IE浏览器。当我在 IE 中执行相同的操作时，一些额外的文本也会 selected: 上面的标题等等。有办法解决这个问题吗？
p.s。为这个例子准备一个 plunkr 还是 ag-grid 网站的例子就足够了？
就个人而言，对于选择行（而不是单元格！），我更喜欢行开头的复选框。它可能会解决您的 IE 问题。
在列定义上使用属性 checkboxSelection，例如：
{headerName: "Athlete", field: "athlete", checkboxSelection: true},
如果您想通过复选框强制选择行，您可以将 gridOptions 中的 属性 suppressRowClickSelection 设置为 true .
目前，解决方案是使用：
$window.getSelection().removeAllRanges();
在
onRowSelected
听众。因此，每次更改行选择时，将删除 IE 中其他元素的选择。这不是一个好的解决方案，但总比没有好。
Mozilla MDN
关闭您页面的用户选择，将此 css 放到 body 上：
body {
user-select: none;
}
网格为网格执行此操作，但不会尝试为应用程序的其余部分执行此操作（不应该）。问题是 IE 如何理解 shift-click，所以我不认为这是一个网格问题，最好是解决它。当它们是详细的应用程序时，在单个页面 web-apps 上关闭 user-select 是非常标准的（我猜你的是，如果你使用 ag-Grid）。
我尝试了以下 ag-grid 实施示例： Example - Multiple Row Selection。特别是 示例 - 多行选择 。当我 select 在 Chrome-Mozilla-Opera 中移动的行时，一切都很好，如图 1 所示。
不幸的是，我也必须支持IE浏览器。当我在 IE 中执行相同的操作时，一些额外的文本也会 selected: 上面的标题等等。有办法解决这个问题吗？
p.s。为这个例子准备一个 plunkr 还是 ag-grid 网站的例子就足够了？
就个人而言，对于选择行（而不是单元格！），我更喜欢行开头的复选框。它可能会解决您的 IE 问题。
在列定义上使用属性 checkboxSelection，例如：
{headerName: "Athlete", field: "athlete", checkboxSelection: true},
如果您想通过复选框强制选择行，您可以将 gridOptions 中的 属性 suppressRowClickSelection 设置为 true .
目前，解决方案是使用：
$window.getSelection().removeAllRanges();
在
onRowSelected
听众。因此，每次更改行选择时，将删除 IE 中其他元素的选择。这不是一个好的解决方案，但总比没有好。 Mozilla MDN
关闭您页面的用户选择，将此 css 放到 body 上： body { user-select: none; }
网格为网格执行此操作，但不会尝试为应用程序的其余部分执行此操作（不应该）。问题是 IE 如何理解 shift-click，所以我不认为这是一个网格问题，最好是解决它。当它们是详细的应用程序时，在单个页面 web-apps 上关闭 user-select 是非常标准的（我猜你的是，如果你使用 ag-Grid）。