WebDataRocks Angular：如何隐藏「汉堡式」字段列表菜单？

有两种可靠的方法可以实现这个需求：

• 优化CSS覆盖方案
  你之前尝试的CSS可以调整得更精准，直接针对汉堡按钮本身进行隐藏，避免影响其他布局：

  :host .wdr-fields-view-toggle {
    display: none !important;
  }
  

  如果还需要隐藏展开后的字段列表面板，再补充这段样式：

  :host .wdr-fields-view-wrap {
    display: none !important;
  }
  

• 使用官方配置项禁用
  WebDataRocks本身提供了配置参数可以直接关闭字段列表功能，在组件的初始化配置里添加showFieldsList: false即可，示例代码如下：

  pivotConfig = {
    // 你的其他配置内容
    showFieldsList: false,
    // ...
  };
  

  这种方式是官方推荐的，不需要依赖CSS修改，稳定性更强。

内容的提问来源于stack exchange，提问作者C Halsema