el-table简单写法

 <el-table
      :data="tableData"
      v-loading="loadingFlag"
      :height="heightMounted"
      style="width: 100%; maxheight: 590px"
      class="scrollbar-style"
      :header-cell-style="{ background: '#FAFAFA' }"
    >
      <template slot="empty">
        <img
          src="../../assets/nodata.png"
          alt="暂无数据"
          style="margin-top: 50px"
        />
        <p
          style="padding: 0; margin: 0; margin-top: -35px; margin-bottom: 20px"
        >
          暂无数据
        </p>
      </template>
      <el-table-column
        prop="name1"
        label="项目1"
        width="300"
        show-overflow-tooltip
      >
      </el-table-column>
      <el-table-column
        prop="name2"
        label="项目2"
        width="240"
        show-overflow-tooltip
      >
      </el-table-column>
      <el-table-column
        prop="name3"
        label="项目3"
        width="240"
        show-overflow-tooltip
      >
      </el-table-column>
      <el-table-column prop="expense" label="价格" width="120">
        <template slot-scope="scope">
          <span>{{ toFixed(scope.row.expense) }}</span>
        </template>
      </el-table-column>
      <el-table-column
        prop="shareUserName"
        label="发起共享人"
        width="140"
        show-overflow-tooltip
      >
      </el-table-column>
      <el-table-column prop="StartTime" label="时间" width="170">
        <template slot-scope="scope">
          <span>{{
            scope.row.StartTime ? scope.row.StartTime.substring(0, 16) : ""
          }}</span>
        </template>
      </el-table-column>
      <el-table-column prop="status" label="状态" width="110">
        <template slot-scope="scope">
          <div
            :style="{
              color: showStateFun(scope.row.status).color,
              backgroundColor: showStateFun(scope.row.status).color,
            }"
            class="status-icon"
          ></div>
          <span
            :style="{
              color: showStateFun(scope.row.status).color,
            }"
            >{{ showStateFun(scope.row.status).text }}</span
          >
        </template>
      </el-table-column>
      <el-table-column prop="isChecked" label="aab" width="120">
        <template slot-scope="scope">
          <span>{{ scope.row.isChecked === 1 ? "是" : "否" }}</span>
        </template>
      </el-table-column>
 
      <el-table-column prop="aaa" width="265">
        <template slot="header">
          <div class="aaa-style">
            <div>设置</div>
            <el-tooltip
              class="item"
              effect="dark"
              content="设置XXX"
              placement="right"
            >
              <i class="el-icon-info"></i>
            </el-tooltip>
          </div>
        </template>
 
        <template slot-scope="scope">
          <span>{{ changeTypeFun(scope.row.aaa) }}</span>
        </template>
      </el-table-column>
 
      <el-table-column fixed="right" label="操作" width="280" align="center">
        <template slot-scope="scope">
          <span style="margin: 0px 10px">
            <el-button type="text" size="small" v-if="scope.row.downFlag === 1"
              >下</el-button
            >
            <el-button
              type="text"
              size="small"
              v-else-if="scope.row.downFlag === 0"
              >上</el-button
            >
            <el-button type="text" size="small" v-else disabled>下架</el-button>
          </span>
          <el-button type="text" size="small">价格</el-button>
          <el-button type="text" size="small">{{
            scope.row.isChecked ? "1" : "2"
          }}</el-button>
        </template>
      </el-table-column>
    </el-table>