lg.table-copy

用于实现复制页面表格内容到excel，支持全表复制和选择单元格区域复制

六哥开源前后端脚手架

• https://gitee.com/lgx1992/lg-soar

六哥npm工具库

• lg.contextmenu 右键菜单
• lg.table-copy 表格复制
• lg.validator 数据校验
• lg.data 数据处理
• lg.format 格式化
• lg.cache 缓存

定义选中单元格样式

.lg-table-copy-ing {
    user-select: auto;
}
.lg-selected-top {
    border-top: 1px solid var(--copy-table-color, #2E5CF6) !important;
}
.lg-selected-bottom {
    border-bottom: 1px solid var(--copy-table-color, #2E5CF6) !important;
}
.lg-selected-left {
    border-left: 1px solid var(--copy-table-color, #2E5CF6) !important;
}
.lg-selected-right {
    border-right: 1px solid var(--copy-table-color, #2E5CF6) !important;
}

可选择单元格进行复制

import { useTableRangeCopy } from 'lg.table-copy'

// 全局使用
useTableRangeCopy()

// 范围使用
useTableRangeCopy({
    el: document.getElementById('你的html元素id')
})

全表复制

import { copyTableToClipboard } from 'lg.table-copy'

// 不指定table，默认选中页面第一个table
function copyTable() {
    copyTableToClipboard()
}

// 指定table
function copyTable() {
    copyTableToClipboard({
        el: document.getElementById('tableId')
    })
}

复制文本到剪切板

import { copyToClipboard } from 'lg.table-copy'

copyToClipboard('你的文本')

事件添加和移除

import { addEventListener, removeEventListener } from 'lg.table-copy'


const listener = (e) => {
    // 事件处理代码
};

// 添加事件
addEventListener(document.getElementById('元素id'), 'click', listener)

// 移除事件
removeEventListener(document.getElementById('元素id'), 'click', listener)