移动端决策报表横向滑动,如何默让数据“右对齐”,即显示最右侧数据?

        新建了一个移动端决策报表,想显示若干子公司每月生产进度情况,如图所示:

竖屏靠左.jpg

        红色虚线为手机屏幕显示范围。黄色为冻结列标题,绿色和蓝色的列可左右滑动。

        日期的排序为左远右近,即左面为2020年数据,右面为2021年数据。

        手机打开决策报表后,首先看到的是上图所示的2020年数据,而不是我需要的2021年的数据,数据貌似“左对齐”。

        请问,如何让数据默认“右对齐”,显示最近的数据呢?需要的效果见下图

竖屏靠右.jpg

简道云 帆帆风顺 发布于 2021-7-17 18:53 (编辑于 2021-7-18 08:49)
1min目标场景问卷 立即参与
回答问题
悬赏:4 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共2回答
最佳回答
0
zsh331Lv8专家互助
发布于2021-7-17 19:19

—变通一下,「年份」单元格-“降序”排列即可!

——————————

image.png

  • 帆帆风顺 帆帆风顺(提问者) 降序不符合习惯不是,咱们手机里面的日历排序都是左远右近。 另外,即便是按照您的方法降序了,2021年的数据也是从左向右扩展,有可能不显示最后几个月的,我需要的是把最新的数据从最右边向左扩展
    2021-07-17 19:33 
  • zsh331 zsh331 回复 帆帆风顺(提问者) 年月字段都降序不就行了。
    2021-07-17 20:55 
  • 帆帆风顺 帆帆风顺(提问者) 回复 zsh331 也许是我描述的不详细,但排序不能解决
    2021-07-18 08:52 
  • 帆帆风顺 帆帆风顺(提问者) 回复 zsh331 问题是需要把最新的月份取出来,从最右列展示,然后向左扩展,到冻结列止
    2021-07-18 08:57 
  • 帆帆风顺 帆帆风顺(提问者) 回复 zsh331 31、30、29... ...3、2、1 这样的日期顺序不符合习惯 我需要按照从小到大排序,且一打开报表就显示最新日期,而不是默认显示最旧的日期,然后再向左滑动看最新日期
    2021-07-18 09:16 
最佳回答
0
杨朝健Lv5中级互助
发布于2021-7-18 18:01(编辑于 2021-7-18 18:12)

body初始化后:

setTimeout(function(){

var x = document.querySelectorAll("#REPORT0 .react-table-head,#REPORT0 .react-table-body");//REPORT0为报表块组件名称

console.log(x);

var i,w;

for (i = 0; i < x.length; i++) {

  w=x[i].scrollWidth;

  x[i].scrollLeft = w;

}

},100);

  • 帆帆风顺 帆帆风顺(提问者) 移动端报错,手机浏览器不报错,但是不起作用
    2021-07-18 22:47 
  • 帆帆风顺 帆帆风顺(提问者) 运行后,提示Can\'t find variable: document
    2021-07-18 22:58 
  • 杨朝健 杨朝健 回复 帆帆风顺(提问者) body初始化 换成 REPORT0的初始化,只支持浏览器h5预览,不支持帆软APP
    2021-07-19 08:20 
  • 帆帆风顺 帆帆风顺(提问者) 回复 杨朝健 抛开技术不谈,APP存在的意义是什么,不应该有比浏览器H5多得多的功能吗?
    2021-07-19 08:47 
  • 4关注人数
  • 491浏览人数
  • 最后回答于:2021-7-18 18:12
    请选择关闭问题的原因
    确定 取消
    返回顶部