BOOtstrap5 TABLE 导出PDF

Bootstrap 5 是一个流行的前端框架，主要用于快速构建响应式和移动优先的网站。其中，对于表格（Table）的导出为PDF，虽然Bootstrap本身不直接提供这个功能，但你可以借助一些第三方库或插件来实现。

例如，"BootstraTable" 和 "jsPDF" 这两个JavaScript库组合使用，可以轻松地将Bootstrap Table的内容转换成PDF格式：

1. **BootstraTable**：这是一个用于创建交互式表格的强大插件，提供了丰富的选项和定制功能。
2. **jspdf**：是一个小巧的JavaScript库，用于生成PDF文件，支持HTML内容作为输入。

步骤大致如下：
- 引入必要的库（例如：`bootstrap-table.min.js`, `bootstrap-table-export.js`, 和 `jspdf.min.js`）
- 在HTML中初始化Bootstrap Table
- 加载`bootstraptable-export`插件
- 创建PDF实例并调用导出方法

示例代码片段可能如下所示：

<!-- 引入 Bootstrap 和 BootstraTable -->
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.3.0/css/bootstrap.min.css">
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.19.2/bootstrap-table.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table-export/1.3.0/bootstrap-table-export.min.js"></script>

<!-- 初始化 Bootstrap Table -->
<table id="myTable" data-source="your_data_source"></table>

<!-- JavaScript部分 -->
<script>
$(document).ready(function () {
    $('#myTable').bootstrapTable({
        // 设置表格配置...
    });
    
    $('#myTable').bootstrapTableExport({
        type: 'pdf', // 或者 'excel', 'csv'
        exportDataType: 'all', // 可选值：all, selection
        fileName: 'my_table_pdf.pdf', // PDF文件名
        tableId: 'myTable', // 表格ID
    });
});
</script>