Introducing elementui table template,
<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="審核意見" 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限制,文檔里面寫的是具體值,想問下怎么樣能夠自定義百分比寬度?
人生最曼妙的風景,竟是內(nèi)心的淡定與從容!
You can try class-name
attributes, customize a class name, and then write css to add styles
Look at the documentation and find a way to replace width with min-width, which will support percentage display!