Question

我正在使用报告界面，我正在使用ng-grid。您可以在此example中看到我正在谈论的行为。（当您单击/选择单词过滤器时，它会起作用，当您尝试选择数据时，它不会）

NG-Grid有这个css＆＃34;被选中＆＃34;选中时添加到行的类。对我来说，这是假选择，而不是我需要的选择。我需要能够选择网格内的内容，就像你可以双击我现在正在输入的单词并选择它们一样。我可以想出一个类似于this jQuery的hacky解决方案，（不要对这个jsfiddle看得太深，这是关于另一个问题）。我宁愿能够点击左上角附近，向右下方拖动并选择所有内容，以便我可以复制粘贴电子邮件的数据等。

那么是否有一个css属性使得div无法选择？或者div是否可以点击进行选择和排序，因此它无法获取点击次数？

Answer 1

ng-grid的默认enableHighlighting设置为false，这意味着unselectable CSS类应用于网格。此类已应用user-select规则阻止选择。

.ngGrid.unselectable {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
}

第二个示例linked（其中只有标题是不可选的）是UI-Grid，它是ng-grid的重写，因此默认行为不一定匹配。

Answer 2

将enableHighlighting：true添加到网格配置中。

var gridConfig = { ... enableHighlighting: true, // Allow to select grid content footerTemplate: 'modules/grid-footer.html', sortInfo: { fields: ["name"], directions: ["ASC"] }, useExternalSorting: true, ... }

什么阻止我在ng-grid中选择内容？

2 个答案: