react绘制导出word

绘制word:

方法一、原生table融入

注意：（详情参考https://blog.csdn.net/Run_youngman/article/details/88648784）

• < table >标签不能直接和< tr >标签直接接触，在中间可以添加一个< tbody >标签
• < table >的border=1标签，要变成css属性，给td标签添加css属性border:1px solid #000;
• colspan 在react中要变成colSpan这样的驼峰式写法

方法二：使用Antd的Row，Col绘制

注意：（详情参考https://blog.csdn.net/Run_youngman/article/details/88651365）

 

选择器导出word:（详情参考：https://github.com/BetterZxx/mhtml-to-word）

1、安装mhtml-to-word依赖

npm install mhtml-to-word

2、引入mhtml-to-word

import { exportWord } from 'mhtml-to-word'

3、使用

export=()=>{
        exportWord({
            filename: "exportTest",
            selector: ".export",
            style:''
        })
    }

 filename:导出word文件的文件名

selector:包裹导出内容的父级元素的类名className

style:自定义样式

4、效果

（以下style=""时效果很丑，需要自定义style）