html5 - ElementUI table中el-table-column怎么設(shè)置百分比顯示。
問(wèn)題描述
引入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='醫(yī)院' width='15%'></el-table-column> <el-table-column prop='cash' label='金額' width='8%'></el-table-column> <el-table-column prop='state' label='審核狀態(tài)' width='7%'></el-table-column> <el-table-column prop='suggest' label='審核意見(jiàn)' 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 寬度用百分比寫(xiě)的 ，然后不能按照百分比撐開(kāi)，同時(shí)style會(huì)受到scoped限制，文檔里面寫(xiě)的是具體值，想問(wèn)下怎么樣能夠自定義百分比寬度？
問(wèn)題解答
回答1：可以嘗試class-name屬性，自定義一個(gè)類名，再寫(xiě)css添加樣式
回答2：看文檔找到一種方法，是把 width 換成 min-width ,就支持百分比顯示啦 ！
相關(guān)文章：
1. angular.js - 輸入郵箱地址之后， 如何使其自動(dòng)在末尾添加分號(hào)？2. javascript - JS 里面的 delete object.key 到底刪除了什么？3. mysql - 電商如何存儲(chǔ)營(yíng)業(yè)額數(shù)據(jù)4. javascript - 后臺(tái)管理系統(tǒng)左側(cè)折疊導(dǎo)航欄數(shù)據(jù)較多，怎么樣直接通過(guò)搜索去定位到具體某一個(gè)菜單項(xiàng)位置，并展開(kāi)當(dāng)前菜單5. 管理員信息修改時(shí)的密碼問(wèn)題6. android - RxJava 中有根據(jù)條件執(zhí)行不同函數(shù)的操作符嗎？7. javascript - html5的data屬性怎么指定一個(gè)function函數(shù)呢？8. java如何生成token？9. javascript - 如何使用nodejs 將.html 文件轉(zhuǎn)化成canvas10. html5 - 為什么使使用vue cli 腳手架，post-css 沒(méi)有自動(dòng)對(duì)css3屬性自動(dòng)添加瀏覽器前綴呢？
網(wǎng)公網(wǎng)安備