1. 程式人生 > >【vue】element-ui 中給el-table-column設定寬度百分比(%)以及插入自定義內容

【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,設定寬度百分比,藍色內容是為插入自定義內容