RS布局问题之块的不完美之完美

早上一来,便传来喜讯...说我们做的报表太美.客户不敢看----于是便开启征程,亲自尝试了一把,如下面的操作,首次运行报表,在不考虑UI美观度的情况下,报表还是

在预测范围内显示的

那么接下来我们选择日期,查看历史数据2014-2015年的数据,下面就是我们看到的内容,仔细看下图你会发现由于显示的条目过多,表格的样式完全被

下面的报表拉伸了,那么即使不讲究UI,现在是一个普通的布局已经被搞的面目全非了

那么接下来寻找解决方案

1:RS的布局一般采用表格,那么表格是按照百分比还是数值进行的呢

我查看了一下报表的样式是采用的数值=1200px,这种设计方式如果现实的数据项的默认大小在范围内那就是没什么问题的,如果可视项的默认大小累计已经

超出了我们设置的范围,这样的话整个布局都被打乱了

可视项的默认大小:我认为在字体一定的情况下,单个单元格占用的宽度是一定的,如1个单元格是100px,那么20个就是2000px,那么就是超出了我们的设置

2:如何解决

可能在页面布局上面我们采用了固定的图片大小,以及提示条件等固定大小的设置,如何让报表在一定的范围内进行滑动的呢?能否可行呢,当然答案是可以的

我们接下来这样操作

在交叉表所在表单元格拖入一个块对象,然后把交叉表对象放入块里面

然后设置块的属性:大小和溢出,如下图,宽度和整体布局保持一致,只在必要时使用滚动条

接下来我们看默认效果,在正常范围内显示

我们再次选择14年-15年的数据查看效果,可以发现虽然有些数据项被压缩了,但是整体的布局还在,这里就要感谢我们的块对象了,虽说不完美但是还是

可以解决问题的,针对一次选择很多的历史数据的时候,只是在这个时候我们也看到了,出现了滚动条,而且是在它有必要的时候才出现的

时间: 2024-08-24 14:15:47

RS布局问题之块的不完美之完美的相关文章

#原创# 前端布局基础及移动端运用的思考

目录: 历史及发展变化 Html5的新结构元素 基于Css的布局之道 考虑屏幕分辨率 关于布局的几个名词 基本布局样式属性 其他布局相关 CSS框架 人类阅读舒适度的考虑 Css具体属性创建的目的与后期使用时和意义偏离的思考 1)历史及发展变化1 1991年第一个网页的诞生只有简单的文字及链接,涉及应用的元素较少且简单,后来设计师们发现table能更好的展现网页内容于是表格布局时代出现. 随着,w3c规范的提出,出现了块级元素和内联元素的定义,2000年后进入div布局时代:截至目前,大多数页面

ASP.Net随笔:webpage布局

通过 Web Pages,可以高效地实现: 每页拥有相同的页眉 每页拥有相同的页脚 每页拥有相同的样式和布局 使用内容块 通过WebPage,可以使用@RenderPage()方法从不同的文件中导入内容. HtmlPage.cshtml文件 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8&qu

附 Java对象内存布局

注意:本篇博客,主要参考自<深入理解Java虚拟机(第二版)> 1.对象在内存中存储的布局分为三块 对象头 存储对象自身的运行时数据:Mark Word(在32bit和64bit虚拟机上长度分别为32bit和64bit),包含如下信息: 对象hashCode 对象GC分代年龄 锁状态标志(轻量级锁.重量级锁) 线程持有的锁(轻量级锁.重量级锁) 偏向锁相关:偏向锁.自旋锁.轻量级锁以及其他的一些锁优化策略是JDK1.6加入的,这些优化使得Synchronized的性能与ReentrantLoc

css3的flex布局

今天看到百度前端学院有关于flex布局方面的内容,就看了下flex布局,顺便做下总结,方便自己以后看.内容大概分几个方面,一.flex布局的好处以及应用场景:二.原理:三.基本内容:四.demo: 一.flex布局的好处以及应用场景: flex好处就是灵活方便,大多应用在移动端,pc端由于兼容问题应用不太广泛. 二.原理: 说到原理说神马呢?先说下常见的布局吧:一.固定布局:就是宽高都固定的那种,width:500px;height:100px;二.流体式布局:width:100%;height

如何用CSS快速布局(一)—— 布局元素详细

要快速进行网页排版布局,则必须对布局的元素有清晰的了解,才不会总是在细节处出错.这一篇先详解有关布局的因素作为布局基础:块级元素and内联元素.盒模型.准确定位.元素对齐.样式继承.下一篇则重点描述快速布局思路. 一.什么是块级元素和内联元素 1,块级元素: display:block表现出来的特点是折行的, 一般来说可以包含块级元素和内联元素: 例外: P 元素,只能包含内联元素,而不能包含块级元素. "form"这个块元素比较特殊,它只能用来容纳其他块元素. 2,内联元素: dis

Bootstrap 框架 栅格布局系统设计原理

如果你是初次接触Bootstrap,你一定会为它的栅格布局感到敬佩.事实上,这个布局系统提供了一套响应式的布局解决方案. 既然这么好用,那他是如何用CSS来实现的呢? 我特意去Bootstrap官方下载了源代码进行分析了一番,看完之后果然有了收获,不过我只看了栅格布局的那块代码,其实也很简单,不必担心不懂,你只需要要基础的CSS知识即可. 前提条件(Bootstrap 自带) 首先使用这个布局之前要定义一下代码: 这行代码如果不懂,可以搜索一下,总之大致意思就是,被定义的元素的内边距和边框不再会

深入理解 CSS3 弹性盒布局模型

Web 应用的样式设计中,布局是非常重要的一部分.布局用来确定页面上不同组件和元素的尺寸和位置.随着响应式用户界面的流行,Web 应用一般都要求适配不同的设备尺寸和浏览器分辨率.响应式用户界面设计中最重要的一环就是布局.需要根据窗口尺寸来调整布局,从而改变组件的尺寸和位置,以达到最佳的显示效果.这也使得布局的逻辑变得更加复杂.本文介绍的是 CSS3 规范中引入的新布局模型:弹性盒模型(flex box).弹性盒模型可以用简单的方式满足很多常见的复杂的布局需求.它的优势在于开发人员只是声明布局应该

JVM(二)JVM内存布局

这几天我再次阅读了<深入理解Java虚拟机>之第二章"Java内存区域与内存溢出异常",同时也参考了一些网上的资料,现在把自己的一些认识和体会记录一下.  (本文为博主原创文章,转载请注明出处) 一.概述 在网上看到很多的各种文章来写Java内存布局/Java内存模型(JMM)/Java内存分配和回收等.初学者,往往容易被搞混淆,这些东西到底都是些啥?讲的是不是同一个东西?如果不是同一个东西,那它们之间又有什么区别和联系?说句实话,笔者在看到这些文章和概念时,一样是有这些疑

CSS3之弹性布局

flexbox是CSS3提出的页面布局模块.flexbox可以把列表横向或者纵向排列,并且填满可以延伸到的空间.稍微复杂的布局可以通过嵌套flex container来实现. 利用flexbox可以方便的创建弹性布局,这使得在移动设备上,可以让元素在容器内扩展和收缩,更容易的实现常见布局,如三列布局. 弹性容器和弹性块 一个flex container中包含了left content right三个弹性块. 可以设置display为flex让块变为弹性块. 可以设置flex-flow来确定弹性块