在 vue-good-table 中添加自定义样式 td th答案

【问题标题】：Add custom style td th in vue-good-table在 vue-good-table 中添加自定义样式 td th
【发布时间】：2022-11-04 22:30:27
【问题描述】：

问题我用的是vue版本 2.21.11？

什么浏览器？谷歌浏览器

我想添加一个 td 和 th 并为其添加一个样式。

当我触发打印时，数据被相互压缩，几乎没有间距。

我已经在列中添加了一个自定义类，我在页面上看到了更改，但是当我打印它时，输出是不同的。请参阅图片以供参考。

    [![<style>
.thClass{
    border: 0px;
    font-size: 100%;
    margin-right: 100px;
    margin-bottom: 100px;
    text-align: center;
    }
    .tdClass{
    border: 0px;
    font-size: 100%;
    margin-right: 100px;
    margin-bottom: 100px;
    text-align: center;
    }
    
    </style>
    And this is for the columns
    
    columns: [
    {
    label: '',
    field: 'product_quantity',
    width: '10%',
    thClass: 'thClass',
    tdClass: 'tdClass'
    },

【问题讨论】：

标签： laravel vue-good-table

【解决方案1】：

尝试在您的.tdClass css 中使用@media print

【讨论】：