How a vue+element project hides an entire line of el-table-column

<el-table :data="tableData" style="width: 100%;" @selection-change="handleSelectionChange" ref="multipleTable" class="exchangeTable">   
        <el-table-column align="center" type="selection" width="55" fixed></el-table-column>
        <el-table-column align="center" prop="name" label="" width="120"></el-table-column>
        <el-table-column align="center" prop ="type" label="">
          <template slot-scope="scope">
            {{ scope.row.type === 1 ? "" : "" }}
          </template>
        </el-table-column>
        <el-table-column align="center"  label="" width="160px">
          <template slot-scope="scope">
             <!-- <el-col :span="16"> -->
            <el-input  v-model="scope.row.exchangeNum" class="exchangeNum" @change="inputChange(scope.row)"></el-input>
             <!-- </el-col> -->
          </template>
        </el-table-column>
        <el-table-column align="center" label="" prop="costPointsNum">
           <template slot-scope="scope">{{scope.row.exchangeNum*scope.row.costPointsNum}}</template>
        </el-table-column>
        <el-table-column align="center" label="" prop="eachMax"></el-table-column>
        <el-table-column align="center" label="" prop="leftNum"></el-table-column>
      </el-table>

how the table structure above hides the whole row of data with the remaining number of 0 from being displayed

Element-ui vue.js
Mar.20,2021

Today, when I looked at the vue document in detail, I suddenly thought of the question that I didn't answer before. In fact, there is a detailed solution in the vue document.
Link: ide/list.html-sharp%E5%AF%B9%E8%B1%A1%E6%9B%B4%E6%94%B9%E6%A3%80%E6%B5%8B%E6%B3%A8%E6%84%8F%E4%BA%8B%E9%A1%B9" rel=" nofollow noreferrer "> list rendering-- Vue.js

example: 

html:
<el-table :data=filteredTableData>
    <el-table-column>...<el-table-column>
</el-table>

js:

data(){
    return {
        tableData: [...]
    }
}

computed: {
    filteredTableData: function(){
    return this.tableData.filter(function(...){...});
    }
}
< hr >

original answer:
is it possible to add a v-if judgment directly?
like this: 

<el-table-column v-if="leftNum!=0" align="center" label="" prop="leftNum"></el-table-column>

row-class-name this method can also implement 

.el-table .hidden-row {
    display: none;
 }

deal with tableData, delete the one with the number of 0

the tableData Filter from the background, process the data and then show it.

Previous: Error in jupyter startup?

Next: Help: Wechat jssdk sharing configuration without any response, just like no configuration.

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e5257d-43ecf.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e5257d-43ecf.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?