jquery - 仅选择 HTML 表格中的一列

Question

我需要使用鼠标指针从 HTML 表格中选择单个列的文本。

例如考虑下表。

在此表中，我无法单独选择姓氏 列的文本。相反，在向下拖动鼠标时也会选择表格的其余内容。

最终目的是分别选中每一列，请问有什么办法可以选中表格中单列的文字吗？

尝试了 -moz-user-select 的所有不同选项，但没有任何效果。

Answer 1

如果您希望列是可选的，则必须在 HTML 中提供该结构。这将涉及在表中使用表，如下所示: http://codepen.io/DavidvanDriessche/pen/jqbeqK

基本方法是制作一个只有一行的外表。该行具有所需数量的列 (td) 元素(虽然示例显示了三个，但可以轻松调整为您想要/需要的任意数量的列。

这些 td 元素包含它们自己的表，只有行(每行有一个列)。现在可以单独选择列。

<table><tr>

    <td>
      <table>
        <tr><th>First name</th></tr>
        <tr><td>David</td></tr>
        <tr><td>Frank</td></tr>
        <tr><td>Bob</td></tr>
      </table>
    </td>

    <td>
      <table>
        <tr><th>Last name</th></tr>
        <tr><td>David</td></tr>
        <tr><td>Frank</td></tr>
        <tr><td>Bob</td></tr>
      </table>
    </td>

    <td>
      <table>
        <tr><th>Third name</th></tr>
        <tr><td>David</td></tr>
        <tr><td>Frank</td></tr>
        <tr><td>Bob</td></tr>
      </table>
    </td>  

</tr></table>