2025年12月1日
表格
摘要： 示例图 代码 组件代码 <template> <div class="coordinate-table h-100" @paste="(e) => handleTablePaste(e)" @mousedown="handleTableMouseDown"> <!-- 拖拽起始事件 --> <tab 阅读全文
posted @ 2025-12-01 17:01 不完美的完美 阅读(3) 评论(0) 推荐(0)
跨列合并表格
摘要： 示例图 父组件代码 xsgxAxis = [] xsgYAxis = [] tableData = []; InitLoad() { const tmp1 = this.processHorizontalMerge(data1); const tmp2 = data2.map(el => ({ na 阅读全文
posted @ 2025-12-01 16:59 不完美的完美 阅读(5) 评论(0) 推荐(0)
表体只有一列表格
摘要： 示例图 表体只有一列 组件代码 <template> <div class="coordinate-table h-100" @paste="(e) => handleTablePaste(e)" @mousedown="handleDragStart"> <!-- 拖拽开始事件 --> <tabl 阅读全文
posted @ 2025-12-01 16:54 不完美的完美 阅读(6) 评论(0) 推荐(0)
跨行合并表格
摘要： 示例图 第一列会出现跨行合并 父组件代码 pgxAxis = [] pgyAxis = [] verticalSpans = [] // 处理纵向合并（行合并） processVerticalMerge() { if (this.pgyAxis.length 0) { return; } const 阅读全文
posted @ 2025-12-01 16:51 不完美的完美 阅读(4) 评论(0) 推荐(0)
完善T型二维表
摘要： 示例图 实现跟excle一样复制粘贴功能 拖动选中单元格实现按delete和backspace后删除单元格 键盘箭头上、下、左、右、回车单元格会往上、下、左、右、下一格 二维表组件代码 <template> <div class="fixed-table-container" :data-insta 阅读全文
posted @ 2025-12-01 16:24 不完美的完美 阅读(5) 评论(0) 推荐(0)