CcSimple / vue-plugin-hiprint

hiprint for Vue2/Vue3 ⚡打印、打印设计、可视化设计器、报表设计、元素编辑、可视化打印编辑
https://ccsimple.github.io/vue-plugin-hiprint
MIT License
1.01k stars 203 forks source link

[Bug]:合并表头后边框显示不全 #137

Closed SLiGe closed 1 month ago

SLiGe commented 2 months ago

使用的版本

latest

版本号

0.0.56

你的安装方式

NPM 依赖

你的操作系统

Windows

你的浏览器

Chrome

你的项目编程语言

Vue 3

问题描述

设计页面是直接从npm_demo_v3复制来的,当合并的表头列过多时边框就显示异常了,如下图: image image 左侧边框丢失。

如何复现

  1. 创建一个空表格
  2. 添加16个列,2行表头
  3. 合并表头

预期结果

表头列边框显示正常

实际结果

某个表头列边框丢失

截图或视频

[在这里上传图片]

这个问题是否已经存在?

SLiGe commented 2 months ago

不知道什么原因引入print-lock.css没有生效,加上以下css就正常了

<style lang="less" scoped>
  /deep/ .hiprint-printElement-tableTarget-border-td-all td:not(last-child) {
    border-right: 1px solid;
  }
</style>
CcSimple commented 1 month ago

beta版本已处理过这问题