html5 - ElementUI table中el-table-column怎么设置百分比显示。
问题描述
引入elementui table 模板，<p class='content'>
<el-table :data='tableData' stripe border> <el-table-column prop='title' label='申诉' 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限制，文档里面写的是具体值，想问下怎么样能够自定义百分比宽度？
问题解答
回答1：可以尝试class-name属性，自定义一个类名，再写css添加样式
回答2：看文档找到一种方法，是把 width 换成 min-width ,就支持百分比显示啦 ！
相关文章：
1. java - 创建maven项目失败了 求解决方法2. node.js - 函数getByName()中如何使得co执行完后才return3. 一个走错路的23岁傻小子的提问4. python - 如何使用pykafka consumer进行数据处理并保存？5. javascript - SuperSlide.js火狐不兼容怎么回事呢6. 运行python程序时出现“应用程序发生异常”的内存错误？7. 主从备份 - 跪求mysql 高可用主从方案8. javascript - git clone 下来的项目 想在本地运行 npm run install 报错9. mysql主从 - 请教下mysql 主动-被动模式的双主配置 和 主从配置在应用上有什么区别？10. python - django 里自定义的 login 方法，如何使用 login_required()
网公网安备