a-table 控制列的展示和隐藏

https://www.cnblogs.com/evident/p/16700615.html

下面这种只隐藏了表头

tabkeColumns: [
          {
            title: '姓名',
            dataIndex: 'name',
            key: 'name',
　　　　　　　colSpan:(route.path==='SIM'?1:0)  //如果页面是SIM则显示该列，否则不显示该列 
          },

 

下面这种隐藏了表头和对应列的字段，但是 位置还是占用了 

tabkeColumns: [
          {
            title: '姓名',
            dataIndex: 'name',
            key: 'name',
　　　　     className:route.path==='SIM'?'tableShow':'tableHiddle'  //如果页面是SIM则显示该列，否则不显示该列                 
          },
          
          
<style>
.tableHiddle {
  display: none;
}
.tableShow{
  display: revert;
}
</style>

 

直接修改tabkeColumns 增删改查去实现  完美！