使用element-ui设置table组件宽度(width)为百分比

    <el-table-column
      prop="projectName"
      min-width="24%" //设置百分比
      label="项目点位名称"/>
    <el-table-column
      prop="sumPre"
      min-width="12%" //设置百分比
      label="累积降水量">
      <template slot-scope="scope">
        {{ parseFloat(scope.row.sumPre.toFixed(1)) }} mm
      </template>
    </el-table-column>
    <el-table-column
      prop="companyName"
      min-width="24%" //设置百分比
      label="所属单位"/>
    <el-table-column
      prop="province"
      min-width="10%" //设置百分比
      label="省"/>
    <el-table-column
      prop="city"
      min-width="10%" //设置百分比
      label="市"/>
    <el-table-column
      prop="county"
      min-width="10%" //设置百分比
      label="区县"/>


element-ui设置table组件width为百分比无效
用min-width代替width

解析的时候min-width和width设置的百分比号会被替换成px,但是min-width会按照比例分配剩余空间,所以要每一列都设置百分比,或写数值,相当于设置各列的宽度比例值

© 版权声明

相关文章

暂无评论

您必须登录才能参与评论!
立即登录
暂无评论...