【vue】element-ui 中給el-table-column設定寬度百分比(%)以及插入自定義內容
<el-table :data="tableData" style="width: 100%" stripe= "true">
<el-table-column type="selection" min-width="5%"> </el-table-column>
<el-table-column label="書名" min-width="55%">
<template slot-scope="scope"> <i class="el-icon-document"></i> <span style="margin-left: 10px">{{scope.row.name}}</span> <p>{{ scope.row.authors | join }}</p> </template>
</el-table-column>
<el-table-column prop="category" label="類別" min-width="20%"> </el-table-column>
<el-table-column prop="published" label="出版日期" min-width="20%" > </el-table-column> </el-table>
紅色部分表示給el-table-column,設定寬度百分比,藍色內容是為插入自定義內容