Lodop打印如何隐藏table 某一列

问题描述:

        在页面打印列表时,可能会打印出,操作一栏等不需要的信息如:

解决方法:       

        打印页面表格时,就会打印出操作这一列,可以通过给操作一列添加name,通过标签来隐藏这一列信息。

  <el-table-column label="操作" align="center" min-width="160" class-name="column-to-hide">
    methods:
      方法名:  
      // 移除需要隐藏的列
      const columnsToHide = document.querySelectorAll('.column-to-hide');
      columnsToHide.forEach(column => {
        column.style.display = 'none';
      });
      
      // 恢复隐藏的列
      columnsToHide.forEach(column => {
        column.style.display = ''; // 恢复原始的CSS样式
      }); 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值