鍍金池/ 問答/HTML/ elementUI中Table如何實現(xiàn)表格五列，根據(jù)數(shù)據(jù)的ID來判斷數(shù)據(jù)在哪一列

elementUI中Table如何實現(xiàn)表格五列，根據(jù)數(shù)據(jù)的ID來判斷數(shù)據(jù)在哪一列顯示？

希望有使用經(jīng)驗的人能幫忙回答一下，至少是能明白 element中table的data什么意思的人

因為你不知道tableData是什么就可能不知道我所描述的問題是什么意思，謝謝各位，辛苦回答

假如我的表格有五列

第一列的lable是1，然后分別是 2,3,4,5

clipboard.png

然后

tableData=dataList

dataList={data1,data2}

data1={id:4}
data2={id:1}

如果data的id為1，就在列1中顯示有對象，其他也同理，
這應(yīng)該如何實現(xiàn)呢？

如何獲取和判斷column.lable == row.id?

能否在lable上自定義一些屬性，或者element是否有提供方便自定義的屬性，我覺得使用lable來判斷不太好，并且lable不應(yīng)該顯示 1,2,3,4等

回答
編輯回答
尐潴豬

不需要使用:filtered-value

 <el-table-column v-for="game in gameList" :label="game.gameNameCn" :filtered-value="[game]">
    <template v-if="scope.row.gameList.some(item=>item.gameId ===scope.column.filteredValue[0].gameId)">

可以直接改為

 <el-table-column v-for="game in gameList" :label="game.gameNameCn">
    <template v-if="scope.row.gameList.some(item=>item.gameId === game.gameId)">

使用:filtered-value屬性解決了我的問題

<el-table-column v-for="game in gameList" :label="game.gameNameCn" :filtered-value="[game]">
    <template v-if="scope.row.gameList.some(item=>item.gameId === scope.column.filteredValue[0].gameId)">
2017年11月11日 17:47
編輯回答
櫻花霓
tableData: [{
  date: '2016-05-02',
  name: '王小虎',
  address: '上海市普陀區(qū)金沙江路 1518 弄'
}, {
  date: '2016-05-04',
  name: '王小虎',
  address: '上海市普陀區(qū)金沙江路 1517 弄'
}, {
  date: '2016-05-01',
  name: '王小虎',
  address: '上海市普陀區(qū)金沙江路 1519 弄'
}, {
  date: '2016-05-03',
  name: '王小虎',
  address: '上海市普陀區(qū)金沙江路 1516 弄'
}]

elementUI是以行為單位的，你應(yīng)該是通過數(shù)據(jù)組成對應(yīng)的某一行的哪個屬性顯示與否，例如：

// dataList={data1,data2}

// data1={id:4}
// data2={id:1}
dataList = [{
    col1: '*',
    col2: '有值',
    col3" '*'
},{
    col1: '有值',
    col2: '*',
    col3" '*'
}]
2017年1月13日 07:01