在mui-datatables中打印表格时如何保留表格标题？

以下是不同场景下的具体设置步骤：

Excel 端操作 #

• 点击顶部菜单栏的「页面布局」选项卡
• 找到「页面设置」分组中的「打印标题」按钮，点击弹出设置窗口
• 点击「顶端标题行」输入框右侧的选区按钮，框选表格标题所在的行（多行标题可以选中对应范围），也可以直接输入行范围，比如$1:$2代表选中第1到2行作为固定打印标题
• 点击「确定」保存设置后再执行打印操作即可

WPS 表格端操作 #

• 点击顶部菜单栏「页面布局」选项卡
• 找到「打印标题」选项点击打开设置弹窗
• 在「打印标题」区域的「顶端标题行」栏，选中表格标题对应的行范围
• 确认设置后重新打印即可

网页端表格操作 #

自主开发的网页表格 #

调整打印样式，避免标题被打印样式隐藏：

@media print {
  /* 自定义标题类名的情况 */
  .table-title {
    display: block !important;
  }
  /* 用caption标签定义表格标题的情况 */
  table caption {
    display: table-caption !important;
  }
}

第三方网页的表格打印 #

• 打印前先手动选中包含标题在内的整个表格区域
• 右键选择「打印选中内容」，或者在打印预览页面勾选「背景图形」「打印页眉页脚」相关选项后再打印

内容的提问来源于stack exchange，提问作者VigilV CS