引入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="醫(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)下怎么樣能夠自定義百分比寬度?
人生最曼妙的風(fēng)景,竟是內(nèi)心的淡定與從容!