代码之家  ›  专栏  ›  技术社区  ›  Pim Jager

在网页上显示表格数据,以便用户可以直接将其复制到Excel中

  •  1
  • Pim Jager  · 技术社区  · 16 年前

    在我的网页上,我希望能够呈现表格数据,并让用户可以直接将其复制到excel中。但这不起作用,所有数据都粘贴在一个单元格中:

    <table>
    <tr><td>Column 1</td><td>Column 2</td></tr>
    <tr><td>Data 1.1</td><td>Data 2.1</td></tr>
    <tr><td>Data 1.2</td><td>Data 2.2</td></tr>
    </table>
    

    如何展示这些数据,以便直接复制到excel中。

    2 回复  |  直到 8 年前
        1
  •  1
  •   Pim Jager    16 年前

    我只是在打字的时候想出了答案。您需要指定表体:

    <table>
    <tbody>
    <tr><td>Column 1</td><td>Column 2</td></tr>
    <tr><td>Data 1.1</td><td>Data 2.1</td></tr>
    <tr><td>Data 1.2</td><td>Data 2.2</td></tr>
    </tbody>
    </table>
    
        2
  •  1
  •   The Wilky Bar Kid    16 年前

    这适用于IE,但不幸的是,其他浏览器(以下适用于Firefox)需要用户付出一些努力:

    • 在Excel中,选择“文本”的“特殊粘贴”,尽管当单元格为空时,列对齐会被拧紧
    • 使用 Table2Clipboard 延伸

    作为旁白,列标题应该在 <thead> 当然:

    <table>
    
    <thead>
    
    <tr>
    <th scope="col">Column 1</th>
    <th scope="col">Column 2</th>
    </tr>
    
    </thead>
    
    <tbody>
    
    <tr>
    <td>Data 1.1</td>
    <td>Data 2.1</td>
    </tr>
    
    <tr>
    <td>Data 1.2</td>
    <td>Data 2.2</td>
    </tr>
    
    </tbody>
    
    </table>