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. mysql - 查询字段做了索引为什么不起效,还有查询一个月的时候数据都是全部出来的,如果分拆3次的话就没问题,为什么呢。2. DADB.class.php文件的代码怎么写3. mysql sql where id in(25,12,87) 结果集如何用按照 25 12 87排序?4. javascript - 在js for in 循环中,使用数组的push方法获取对象的属性,结果却未改变数组5. 腾讯地图小程序SDK,success返回的数据无法取出6. 就一台服务器,mysql数据库想实现自动备份,如何设计?7. Mysql 关于 FOUND_ROWS() 和 ROW_COUNT() 函数8. Win8资源管理器总是卡死该咋办?9. mysql - 请教一条sql10. javascript - h5分享链接到qq或者微信时有一个缩略图还有一些说明文字,这个要怎么去修改里面的图片和内容?