WebDataRocks：能否将小计移至右侧或隐藏？showTotals='off'无效

隐藏小计空白单元格 #

设置showTotals='off'后仍出现空白单元格，是因为默认布局仍为小计预留了位置，可通过两种方式彻底隐藏：

• 用自定义CSS直接隐藏小计占位区域：

  /* 隐藏行小计的空白单元格 */
  .webdatarocks-grid tr[role="row"] td[aria-label="Total"] {
    display: none !important;
  }
  /* 隐藏列小计的空白单元格 */
  .webdatarocks-grid th[aria-label="Total"], .webdatarocks-grid td[aria-label="Total"] {
    display: none !important;
  }
  

• 初始化时通过slice配置精准禁用所有小计/总计：

  new WebDataRocks({
    container: "#wdr-component",
    toolbar: true,
    report: {
      dataSource: { /* 你的数据源配置 */ },
      slice: {
        rows: [ /* 行维度配置 */ ],
        columns: [ /* 列维度配置 */ ],
        measures: [ /* 度量配置 */ ],
        // 完全禁用各类小计与总计
        showRowTotals: "off",
        showColumnTotals: "off",
        showRowGrandTotals: "off",
        showColumnGrandTotals: "off"
      }
    }
  });
  

将小计移至数据右侧 #

WebDataRocks支持调整小计位置，把行小计移到数据右侧，只需在slice配置里修改rowTotalsPosition属性：

slice: {
  // 其他配置保持不变
  showRowTotals: "on", // 需先开启行小计
  rowTotalsPosition: "right" // 将小计放在行的右侧区域
}

如果要调整列小计位置，可使用columnTotalsPosition属性，可选值为"top"或"bottom"。

内容的提问来源于stack exchange，提问作者Bhavika Mangaroliya