HTML表格中的不可选列

Question

我有一个包含多列的表.我希望单独选择每列的内容.当我开始选择第一列时,第二,第三......将自动被选中.当我选择一列时,我想让其他列不可选.

我尝试在元素上应用以下类,它在FF中运行良好.无论你从哪里开始选择,它都永远不可选择.

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

对于IE,我尝试了一个名为" unselectable="on"Internet Explorer"的属性,如果选择从外部开始,它仍然可以选择.我想阻止选择某些列,甚至选择从外部开始.

我尝试过使用onselectionstart和onmouseover,但是当选择在元素之外开始时,这些不会被触发.

我有什么希望吗？

提前致谢.

Answer 1

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

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