javascript - trNgGrid - 显示/隐藏列

标签 javascript angularjs grid

http://moonstorm.github.io/trNgGrid/release/#/GlobalOptions?theme=simplex

你好,

我有问题。我想使用 trNgGrid v3.0.5 RC,我的 Json 有很多数据。

我想在点击复选框后显示和隐藏列。

在文档站点上,当我取消标记“自动检测(字段 = null 或未设置)”复选框时,我可以看到 3 个复选框,方法是我可以隐藏在显示列上。

请告诉我如何实现它,因为我的 Angular 知识薄弱。

文档准备好后,必须选中几个复选框,其余的应取消选中。

我不知道如何实现它

谢谢

最佳答案

您可以使用 trNgGrid 的 fields 属性。

    <table 
       tr-ng-grid=''
       fields='show_fields'
       items='myItems'>
    </table>

在 Controller 中

$scope.show_fields = ['column1', 'column2'];

参见 this example .

关于javascript - trNgGrid - 显示/隐藏列,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29078457/

相关文章:

javascript - ngModel 未在选择中更新

javascript - 扩展 Backbone.View 时的奇怪行为

javascript - 再次使用 ajax 加载表单时未选中单选按钮

javascript - 带有动态模板的 Angularjs 加载屏幕

javascript - 我可以在 ExtJS 中的网格面板单元格上设置多选吗?

jquery - 发送数据后如何清空jqgrid网格?

javascript - 如何在网格上使用过滤器(空记录除外)(ExtJS 6.5.3)

javascript - angularJS - 评估发生得太早?

javascript - jQuery 延迟触发事件

javascript - 使用 AngularJS 和 CSS 选择按钮并不完全有效