最終效果圖

json數(shù)據(jù)

<div>
     <el-table 
        :data="projectList" 
         border 
        :show-header="false"
      >
        <el-table-column width="100px">
            <template slot-scope="scope">
               <div>{{scope.row.ItemTypeName}}</div>
            </template>
         </el-table-column>

         <el-table-column width="400px">
            <template slot-scope="scope">
             <!--第一種方法-->
             <!--<div v-for="(item,index) in scope.row.ViewItemLists">-->
                 <!--<div>{{item.item_name}}</div>-->
                 <!--<div>-->
                   <!--<el-button>原價10</el-button>-->
                   <!--<el-button>折扣價0</el-button>-->
                 <!--</div>-->
             <!--</div>-->

     
           <!--第二種方法-->
           <tr v-for="item in scope.row.ViewItemLists" style="width: 100%">
              <!--<template slot-scope="scope">-->
               <td width="70%">{{item.item_name}}</td>
               <td width="15%">原價10</td>
               <td width="15%">原價10</td>
                <!--<div style="border: #8c939d solid 1px">{{item.item_name}}</div>-->
                <!--<div style="border: #8c939d solid 1px">-->
                  <!--<el-button>原價10</el-button>-->
                  <!--<el-button>折扣價0</el-button>-->
                <!--</div>-->
              <!--</template>-->
            </tr>

          </template>
       </el-table-column>
    </el-table>
</div>