如何在启用行选择的角度ui网格中启用文本选择

Question

我正在使用ui-grid v3.1.1并启用了rowSelection.我注意到当我启用行选择时,我无法再从行中选择(单击 - 按住 - 拖动)文本.

我在他们的教程(页面上的第二个网格)中的示例中注意到了相同的行为.

很高兴知道在启用rowSelection的同时,我仍然可以允许用户选择文本.

这是教程中示例的一个plunkr链接.

$scope.gridOptions = { 
     enableRowSelection: true, 
     enableRowHeaderSelection: false 
};

Answer 1

一个由@Aman马哈詹以前SO答案提供了一个修复:

甲ui-grid-disable-selection类添加到网格时都enableRowSelection和enableFullRowSelection被允许(可检查在selection.js UI栅V3.1.1源〜行903).因此,您可以通过向网格添加特定类来覆盖CSS类,例如ui-grid-selectable.

<div ui-grid="gridOptions" ui-grid-selection class="grid ui-grid-selectable"></div>

在你的CSS中:

.ui-grid-selectable .ui-grid-disable-selection {
     -webkit-touch-callout: default;
     -webkit-user-select: text;
     -khtml-user-select: text;
     -moz-user-select: text;
     -ms-user-select: text;
     user-select: text;
     cursor:auto;
 }

这是分叉的plunker,添加了CSS类来覆盖默认行为.