本文介绍了一种在不同Tab页的表格中动态显示或隐藏电话图标的方法。通过控制表格列宽来实现图标列的显示与隐藏，并利用render函数根据数据状态动态渲染图标。
效果如下图：在其中一个tab页的table中根据不同的数据的状态动态渲染出电话图标（有的数据里有图标有的数据里没图标），在其他的tab页则没有电话图标呈现这一列。
首先如何呈现在其中某个tab页里展示图标其他tab页中则没有，其实就是对table绑定的columns数组进行操作，根据tab切换时的name进行判断，如果是需要展示本列的数据的name，则给当前column项的width给值，反之则给0，
其次，当前column列的图标怎么动态渲染呢，就需要用到render函数了，在函数中创建icon或者其它的HTML标签，根据render函数的第二个参数对象，可以拿到当前行的数据，再判断数据中的某个状态值，渲染出每条数据展示或者不展示对应的图标。
代码如下：
扫一扫
947
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
