1. 确保引入了正确的DataTable的js和css文件，并且添加了按钮插件的js文件。
2. 在HTML模板中检查DataTable是否被正确地初始化，并且需要添加exportButtons选项设置为true。
3. 在component.ts文件中引入DataTable的相关插件，并且需要在ngAfterViewInit()生命周期钩子函数中调用相关插件。以下是一个示例代码：

// 在component.ts文件中引入DataTable的相关插件 import jsPDF from 'jspdf'; import 'datatables.net-bs4/js/dataTables.bootstrap4'; import 'datatables.net-buttons/js/dataTables.buttons'; import 'datatables.net-buttons/js/buttons.print.min'; import 'datatables.net-buttons/js/buttons.html5.min'; import 'datatables.net-buttons/js/buttons.flash.min'; import 'datatables.net-buttons/js/buttons.colVis.min';

// 在ngAfterViewInit()生命周期钩子函数中调用相关插件 ngAfterViewInit() { // 初始化DataTable $(document).ready(function() { $('#table_id').DataTable({ dom: 'Bfrtip', buttons: [ { extend: 'pdf', text: 'Export as PDF', filename: 'pdf_export', exportOptions: { columns: [0,1,2,3] }, customize: function(doc) { doc.content[1].table.body[0].forEach(function(row) { row.forEach(function(cell) { cell.styles.fillColor = '#FFFFFF'; }); }); } } ] }); }); }

在以上示例代码中，我们引入了jsPDF和DataTable的相关插件，同时在ngAfterViewInit()生命周期钩子函数中将PDF按钮添加到DataTable中，并且配置了相关属性以及导出时的样式自定义。