开发者社区 问答 正文

如何设置报表页面中基础表格默认为空。

报表页面,怎么让基础表格默认是空的,只有上面筛选了以后再根据筛选框在下面的基础表格中显示相应的内容。
现在表格默认会显示所有的内容。

展开
收起
游客7ht34jzgyqs7s 2024-08-08 17:11:44 106 分享 版权
来自: 钉钉宜搭
1 条回答
写回答
取消 提交回答
  • 若问题得到了解决,辛苦点下采纳回答哦~

    您好,目前,宜搭报表的表格功能暂不支持配置让表格默认显示为空。不过,我们可以通过在表格返回数据处理的事件中,使用 JavaScript 进行条件判断来实现类似的效果。

    具体来说,您可以在表格数据返回处理的事件中执行以下操作:

    获取筛选器dom元素的内容(content)。
    判断筛选器的内容是否有值:
    如果内容为空,则返回一个空数组(data = [])。
    如果内容存在,则正常返回数据(data)。
    通过这种方式,您可以在筛选器没有选择内容时,避免表格显示任何数据。

    代码示例:

    function afterFetch(data, extraInfo) {
     / 假设你的筛选器的 DOM 元素的 id 为 'filter'
    const filterElement = document.getElementById('filter');
    
    // 获取筛选器的内容
    const content = filterElement.value.trim(); // 使用 trim() 去除前后空格
    
    if (!content) { // 如果内容为空
       return  [];  // 返回空数组
    }
    return data
    }
    

    数据返回处理参考文档:https://docs.aliwork.com/docs/yida_support/tsmk65/ox8nu4/xgg4ps
    image.png

    2024-08-08 17:49:30
    赞同 7 展开评论
问答分类:
问答地址: