thead、tbody、tr里数据嵌套,数据合并

tr表示一行

td表示一列


店里一个按钮跳转到这个页面,页面长这样:

5c6e9b407c8041c2979895905ba1303e.jpg

 页面的数据有:对象里嵌套数组、数组嵌套数组


react写代码片段:

1、整体布局: 两个按钮,三块数据

76f0c9ae5dfe48a7896098f0468594fe.jpg


2、第一个body不涉及数据嵌套,直接铺数据

986524b7e22044c483c625fd96425a7f.jpg


3、第二块内容,涉及到单元格合并,对象数组里嵌套数组(第一个红色横线是项目合同信息的数据)

83eefe3424aa4d12a8054939ec21bad0.jpg e541d732de954b7cb53bc93dfd7206d5.jpg

表格的标题: bad3738a532a44189c903dbc0eeb5565.jpg

antd组件里有例子 3027df3e5bb34e8d88930fa29baf52e4.jpg

 两个Table 的column区别在于有没有序号这一列

f627cedb0f7c47b5b9886c3406be028b.jpg


4、合同台账,数组里还嵌套这数组

70d0cddc1d2c42ba90603f4b2ab8809e.jpg

1f2464c953304382bc3f3bfaec35db33.jpg

dcba24b0cfa047e2aaf1f22b65756031.jpg 

洽商名称,洽商类型,一个单元格里还嵌套,可以手动增加横线226087867cf54786b81ef3d368abd6ca.jpg

 


 5、isShow问题,为了控制当点击按钮导出pdf,下载文档时,按钮不显示,序号不显示,复选框不显示

      5.1  constructor里先定义一个标识isShow,初始值给个false

6f2bd06f0d244cb08cea9dbff8cccae4.jpg

    5.2 生命周期里控制,当接口传projId  review两个值调取成名后,isShow为true,即显示按钮,序号,复选框

当不传review时调取接口成功后,isShow为false不显示按钮,序号,复选框

review是区分是路由页面,还是打开的pdf页面

下面是路由页面,地址栏尾部拼接的有  &review

68dd3abafabb40fb9af9b96f3d2adaaa.jpg


6、导出pdf , 后端可控制页面横向显示,缩放

1ecfa2a1385d45439d3874c72c2adc91.jpg

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值