仅打印没有分页或任何其他内容的 ag-grid 数据的有效方法

Question

我正在尝试仅打印 ag-grid 数据，例如 Data-Table print 中的打印按钮

1-我尝试了 ngx-print，但它不适用于 angular 8。

2-我尝试了ag-grid-Example的官方方式 但我认为它在打印时显示分页和其他页面内容也不是一种有效的方式。

我按照以下步骤尝试了带有角度的print-This 插件：

1- 由npm 安装它 2-调用节点 angular.json 中的 .js 文件（包含您要在系统中使用的所有插件的文件） 但是，它仍然无法将 .printThis() 识别为函数。

我不知道如何打印唯一的ag-grid数据而没有页面的其他内容，为什么没有ag-grid的内置功能，例如DataTable插件？！！！

Answer 1

2-我尝试了来自 ag-grid-Example 的官方方式但我认为不是 一种有效的方式还有它的显示分页和另一个页面内容 打印时。

但这已经是打印所有数据的有效且预期的方式（没有网格分页）。

如果您想隐藏其他内容（无法理解 without another content of the page 是什么意思）- 需要预先呈现这些数据（或至少准备浏览器打印方法）

更新

我检查了datatable 解决方案，基本上它就像我说的那样，他们只是准备了在新的window 上制作datatable 内容的函数，以便与其他所有内容隔离，然后执行print() 方法。

这里是part of their code（仅供理解）：

// Construct a table for printing
var html = '<table class="'+dt.table().node().className+'">';

if ( config.header ) {
    html += '<thead>'+ addRow( data.header, 'th' ) +'</thead>';
}

html += '<tbody>';
for ( var i=0, ien=data.body.length ; i<ien ; i++ ) {
    html += addRow( data.body[i], 'td' );
}
html += '</tbody>';

if ( config.footer && data.footer ) {
    html += '<tfoot>'+ addRow( data.footer, 'th' ) +'</tfoot>';
}
html += '</table>';

...

// Allow stylesheets time to load
var autoPrint = function () {
    if ( config.autoPrint ) {
        win.print(); // blocking - so close will not
        win.close(); // execute until this is done
    }
};

另外，我尝试使用hiding elements，这也是可能的，但这样就需要关心可见性和覆盖。