javascript - 如何像电子表格一样进行基于网络的 "table"选择? (矩形区域与行环绕选择)

标签 javascript html-table spreadsheet

我想制作一个在网页上显示的表格,但一个要求是能够轻松复制并粘贴到电子表格中。正常的 HTML 表格选择行为与 Excel 等电子表格的选择方式明显不同 - 当您选择多行时,它会环绕而不是选择矩形区域。在这方面有没有办法让 HTML 表格表现得像电子表格,或者是求助于 Flash 表格或类似内容的唯一方法?

最佳答案

Google 文档管理它,所以这是可能的。你需要伪造它。类似于以下内容:

  • 阻止正常文本选择
  • 使用鼠标事件检测用户选择的第一个单元格和最近输入的单元格,并对单元格矩形应用类似选择的样式,并将这些单元格作为对 Angular
  • 棘手的部分是允许用户复制假选择,因为当用户进行复制(通过键盘或浏览器编辑或上下文菜单)时,真正的选择将为空。您可以做的是将选定的单元格复制到隐藏在屏幕外的表格中(例如,当选择更改时,使用 CSS left 的大负值),并且真正的选择始终围绕屏幕外屏幕表。

关于javascript - 如何像电子表格一样进行基于网络的 "table"选择? (矩形区域与行环绕选择),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2501153/

相关文章:

PHP:将二维数组显示为具有模式形式的表格?

xml - downloadAsFile(谷歌的内容服务)不工作

java - 如何更改单元格中的文本(ControlsFX 的 SpreadsheetView)?

javascript - 如何通过单击从表格行中获取文本

javascript - Dojo 需要单参数同步吗?

css - 制作div(显示: table) match outer container's height width min-height

iOS SpreadsheetView,旋转时切纸

javascript - 我需要等待 HTTP 响应

javascript - 事件监听器仅适用于最后创建的元素

PHP选择重复记录