首页 > 解决方案 > Tabulator responsiveCollapse 图标始终可见

问题描述

是否可以仅在屏幕宽度减小到实际上包含一些折叠数据时才显示 responsiveCollapse 图标。目前,即使所有列都很好地显示在屏幕上,第一列仍然显示每行的响应折叠图标。单击它显然没有任何作用,因为没有折叠数据。

{formatter:"responsiveCollapse", width:50, minWidth:0, align:"center", resizable:false, headerSort:false},

与 datatable js 解决方案相比,它们仅在有要查看的折叠数据时显示展开图标。请参阅随附的屏幕截图

有没有可以达到这个要求的设置?

任何帮助,将不胜感激?

没有折叠数据的制表器屏幕截图

没有折叠数据的数据表屏幕截图

包含折叠数据的数据表屏幕截图

标签: tabulator

解决方案


从 4.5 版本开始,现在有一个responsiveCollapse格式化程序,您可以将其添加到列中以插入功能齐全的折叠切换:

{formatter:"responsiveCollapse", headerSort:false}

可以在此处找到它的实际演示

查看格式化程序文档以获取更多信息


推荐阅读