首页  >  问答  >  正文

html5 - ElementUI table中el-table-column怎么设置百分比显示。

引入elementui table 模板,
<p class="content">

      <el-table :data="tableData" style="width: 100%;" stripe border>
          <el-table-column prop="title" label="申诉" width="100%" class="con-tableTitle">
              <el-table-column prop="date" label="日期" width="15%"></el-table-column>
              <el-table-column prop="name" label="姓名" width="5%"></el-table-column>
              <el-table-column prop="id" label="身份证" width="15%"></el-table-column>
              <el-table-column prop="hospital" label="医院" width="15%"></el-table-column>
              <el-table-column prop="cash" label="金额" width="8%"></el-table-column>
              <el-table-column prop="state" label="审核状态" width="7%"></el-table-column>
              <el-table-column prop="suggest" label="审核意见" width="25%"></el-table-column>
              <el-table-column label="操作" width="10%">
                  <template scope="scope">   
                    <el-button size="small" type="primary" @click="unappeal(scope.$index, scope.row)">提交</el-button>
                  </template>
              </el-table-column>
          </el-table-column>
      </el-table>
  </p> 
  
 代码部分el-table-column 宽度用百分比写的  ,然后不能按照百分比撑开,同时style会受到scoped限制,文档里面写的是具体值,想问下怎么样能够自定义百分比宽度?
黄舟黄舟2728 天前3064

全部回复(2)我来回复

  • 大家讲道理

    大家讲道理2017-05-24 11:38:14

    可以尝试class-name属性,自定义一个类名,再写css添加样式

    回复
    0
  • 仅有的幸福

    仅有的幸福2017-05-24 11:38:14

    看文档找到一种方法,是把 width 换成 min-width ,就支持百分比显示啦 !

    回复
    0
  • 取消回复