print.min.js 打印elementUI table怎么才能不继承样式列宽度_js 打印不会自适应宽度

要在打印ElementUI表格时不继承样式和列宽度，您可以在打印样式表中为表格添加自定义样式。这可以通过在CSS中使用@media print媒体查询来实现。以下是一些示例代码，可以为ElementUI表格添加自定义样式，以便在打印时不继承样式和列宽度：

/* 打印样式表 */
@media print {
  /* 移除 ElementUI 表格的样式 */
  .el-table,
  .el-table th,
  .el-table td {
    border: none !important;
    padding: 0 !important;
    font-size: 12px !important;
  }
  
  /* 移除 ElementUI 表格的列宽度 */
  .el-table__header-wrapper th,
  .el-table__body-wrapper td {
    width: auto !important;
    max-width: none !important;
  }
}
上面的代码将移除表格及其单元格的边框和内边距，并将字体大小设置为12像素。此外，它还将强制将表格的列宽度设置为自动，并将最大宽度设置为无限制，以确保表格在打印时能够自适应页面宽度。

如果您使用的是Vue.js或Nuxt.js等框架，则可以将此样式表添加到您的Vue组件或页面的样式表中，以确保仅在打印时应用此样式。如果您只是使用纯HTML和CSS，则可以将此样式表放在页面的头部或尾部，并在打印时手动启用打印功能。