首页 > 解决方案 > ng-show 在可操作的列中不起作用

问题描述

我正在使用带有 AngularJS 1.6.5 和 ngHandsontable 0.13 包装器的 Handsontable 0.34.5。

我需要根据条件隐藏可动手做的表格列。

我尝试使用 ng-show 或 ng-hide 指令来执行此操作,但它不起作用。

0.34.5版本似乎不支持Handsontable HiddenColumns插件。

这是代码:

<hot-table settings="tableSettings" datarows="items">
    <hot-column ng-show="false" data="id" title="'ID'"></hot-column>   
</hot-table>

这是演示

我怎样才能用角度指令隐藏handsontable?

更新

目前我正在使用 ng-if 指令。但它有一个我不满意的问题:当条件为真并且列被添加到表的末尾时,它会重新创建 DOM,而不是在规定的位置。在这里查看

标签: angularjshandsontable

解决方案


您可以使用 ng-if 指令来隐藏您的列

<hot-table settings="tableSettings" datarows="items">
    <hot-column ng-if="false" data="id" title="'ID'"></hot-column>   
</hot-table>

演示


推荐阅读