table渲染后属性width未渲染

Question

问题描述

我给它定义了固定宽度，但是渲染后宽度还是没生效，这是什么原因呢？？我觉得应该是v-if渲染出问题的

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

<tr class="ivu-table-small">
        <th width="130px">市场</th>
        <th width="120px">买卖类别</th>
        <th width="150px">交易类型</th>
        <th width="120px">证券代码</th>
        <th width="150px">证券类别</th>
        <th >数量</th>
        <th>价格</th>
        <th>笔数</th>
        <th  width="300px" v-if="hide">产品名称</th>
        <th  width="80px" v-if="hide">价格</th>
        <th  width="80px" v-if="hide">费率</th>
        <th  width="80px" v-if="hide">折扣</th>
        <th  width="80px" v-if="hide">附加费</th>
        <th  width="100px" v-if="hide">金额</th>
    </tr>

你期待的结果是什么？实际看到的错误信息又是什么？

我想要样式合理，看起来美观，后面几个字段我之前是隐藏的，点击试算按钮后才渲染显示出来的

Answer 1

把v-if替换成v-show试试