Question

一个包含两个成分数据的窗口，即搜索成分和结果成分。根据搜索条件，结果将显示在搜索条件组件下方的结果组件ag-Grid中。现在，我试图通过css样式仅打印ag-grid数据。在除asGrid之外的CSS中，其余主体全部隐藏。但是问题是结果网格内容被隐藏，但是搜索标准内容仍然可见并且被网格数据覆盖。那么如何隐藏搜索结果内容中的搜索条件内容。

这是我在结果组件中的CSS：

@media print {
   body * {
      visibility: hidden;
    }
    #myGrid, #myGrid * {
      visibility: visible;
    }
    #myGrid {
      position: absolute;
      left: 0;
      top: 0;
    }
  }

结果组件ts中的打印功能：

nBtPrint() {
      var gridApi = this.gridApi;
      this.setPrinterFriendly(gridApi);
      setTimeout(() => {
        this.setNormal(gridApi);
      }, 2000);
    }
    setPrinterFriendly(api) {
      api.setDomLayout("print");
    }
  setNormal(api) {
      window.close();
      api.setDomLayout(null);
    }

Answer 1

很难看到完整的源代码，例如html模板。

但是尝试使用

01:00:00

而不是CSS中的display: none。

将显示设置为无将从布局中删除一个元素，而可视性属性设置为隐藏则不是这种情况。

在打印时从不同的组件隐藏实体-Angular

1 个答案: