Javascript HTML表中不可选择的列

我有一个多栏的表格。我希望每一列的内容都被单独选择。当我开始选择第一列，第二列，第三列。。。正在自动被选中。当我选择一列时，我想使其他列不可选择

我尝试过在元素上应用下面的类，它在FF中工作得很好。无论从哪里开始选择，它都是不可选择的

.unselectable {
    user-select: none; /* CSS3 */
    -moz-user-select: none;
    -khtml-user-select: none;
}

对于IE，我在Internet Explorer中尝试了名为“unselectable=”on“”的属性，如果选择从外部开始，它仍然是可选择的。我想阻止选择某些列，即使选择从外部开始

我尝试过使用onselectionstart和onmouseover，但是由于选择是在元素外部启动的，所以这些都不会被触发

我还有希望吗

---

提前感谢。

我相信目前还没有纯粹的CSS解决方案

---

这听起来可能有点奇怪，但您可以将您希望用户选择的列的内容克隆到一个单独的表中，该表将位于原始列上方。

包含一个带有SCOPE属性的TH可能会有所帮助。虽然不能说它会起作用，但它确实有助于创建一个更具语义的表。CSS可以钩住该属性，因此DOM解决方案不会太遥远。

而不是重新发明轮子。。。退房

这是一个JQuery表插件，它会让您大吃一惊

---

它看起来已经在做您想做的事情，而且是免费的。

您单独选择每一列的目的是什么？我创建了一个表格，里面有一些文本，我选择了文本，没有遇到您的问题。另外，你能提供一些关于为什么这是一个问题的更多细节吗？您能给我们一个代码片段或您的所有代码，以便我们测试它吗？您最好的方法可能是通过jquery（简易和干净的选择器）选择表单元格，并设置相应的css类来更改行为。您可能想改用style属性，因此这些属性不能被来自浏览器的自定义用户css文件覆盖。Datatables非常棒：）它们将为您简化任务@Gopal IndeedDoe无法解决问题，看起来就像一个插件-1.