<iframe align="top" marginwidth="0" marginheight="0" src="http://www.zealware.com/46860.html" frameborder="0" width="468" scrolling="no" height="60"></iframe>
DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN">
HTML>
HEAD>
HEAD>
BODY>
divid="report">
div>
br>
inputtype="button"value="create"onclick="create()">
script>...
functioncreate()
...{
vardatas=[
['基期1','分类1','指标1','上期','1'],
['基期1','分类1','指标1','同期','2'],
['基期1','分类1','指标2','上期','3'],
['基期1','分类2','指标1','同期','4'],
['基期1','分类1','指标3','上期','5'],
['基期1','分类2','指标4','同期','6'],
['基期1','分类2','指标4','上期','7'],
['基期1','分类3','指标1','同期','8'],
['基期1','分类3','指标2','上期','9'],
['基期1','分类4','指标1','同期','10'],
['基期2','分类1','指标2','上期','11'],
['基期3','分类1','指标3','上期','12'],
['基期4','分类2','指标1','上期','13'],
['基期4','分类1','指标2','同期','14'],
['基期4','分类2','指标1','同期','15'],
['基期4','分类2','指标1','本季','16'],
['基期4','分类2','指标2','上期','17'],
['基期4','分类1','指标1','上期','18']
];
varrow=0;
varcol=0;
varcol1s=[];
varcount=datas.length;
varpos=newArray(count);
varrowName=[];
//debugger;
for(i=0;icount;i++)
...{
vardata=datas[i];
pos[i]=newObject();
pos[i].row=-1;
pos[i].col=-1;
pos[i].value=data[4];
for(j=0;jrowName.length;j++)
...{
if(rowName[j]==data[0])
...{
pos[i].row=j;
break;
}
}
if(pos[i].row==-1)
...{
pos[i].row=rowName.length;
rowName.push(data[0]);
}
varcol1='';
varcol2='';
varcol3='';
for(j=0;jcol1s.length;j++)
...{
if(col1s[j].name==data[1])
...{
col1=col1s[j];
break;
}
}
if(col1=='')
...{
col1=newObject();
col1.name=data[1];
col1.col2s=[];
col1.col=0;
col1s.push(col1);
}
for(j=0;jcol1.col2s.length;j++)
...{
if(col1.col2s[j].name==data[2])
...{
col2=col1.col2s[j];
break;
}
}
if(col2=='')
...{
col2=newObject();
col2.name=data[2];
col2.col3s=[];
col1.col2s.push(col2);
}
for(j=0;jcol2.col3s.length;j++)
...{
if(col2.col3s[j].name==data[3])
...{
col3=col2.col3s[j];
col3.index.push(i);
break;
}
}
if(col3=='')
...{
col3=newObject();
col3.name=data[3];
col3.index=[];
col3.index.push(i);
col2.col3s.push(col3);
col++;
http://images.csdn.ne
分享到:
相关推荐
1. **多行多表头**:这意味着表格可以拥有不止一行的表头,这通常用于分类复杂的列结构,例如一级表头和二级表头,使得用户能更好地理解和区分数据的不同维度。 2. **固定表头**:这是一个实用功能,当表格内容滚动...
在网页开发中,数据展示通常会使用到表格(Table)元素,而为了提供更好的用户体验,我们经常需要为表格添加排序功能。这篇教程将详细介绍如何使用JavaScript实现这一功能,让使用者可以点击表头来轻松切换升序或...
为了提升用户体验和数据管理效率,我们经常需要实现表格的排序功能,让用户可以按照表格列的值进行升序或降序排列。`tablesorter`是一个非常实用的JavaScript库,它为HTML表格提供了强大的排序功能,不仅适用于纯...
为解决这个问题,就需要实现一个固定表头的效果,即无论表格如何滚动,表头始终固定在页面的顶部。 要实现这个效果,有几种常用的方法,主要包括使用CSS定位和JavaScript。而根据提供的文件内容,本文介绍了一种...
在实现固定表头和首列的表格时,我们将利用Vue的这两个特性来构建可复用的组件。 1. **数据绑定**:Vue中的数据绑定允许我们创建动态视图。在表格中,我们可以将数据存储在一个数组中,然后通过`v-for`指令遍历这个...
本文将针对 Layui 的表格组件,讲解如何动态加载数据实现复杂表头多表头实例。 一、Layui 表格组件简介 Layui 的表格组件提供了许多实用的功能,例如数据渲染、分页、排序、编辑等等。它可以轻松地将数据渲染到...
本资源包提供的是三种不同的js实现的表格样式,分别对应顶部有表头、左侧有表头以及顶部和左侧都有表头的布局,旨在帮助开发者更灵活地定制表格样式。 1. **顶部有表头的表格** 这种表格样式通常用于显示行数据,...
为了解决这个问题,"JavaScript:固定table的表头"这一技术应运而生,它的目标是确保当用户滚动页面时,表头始终固定在页面顶部,提供清晰的列标识。 实现固定表头的方法多种多样,其中JavaScript是一种常见的解决...
在网页开发中,数据展示通常会使用到表格(Table)元素,而为了提供更好的用户体验,我们经常需要实现点击表头进行数据排序的功能。这个“纯js实现点击表头排序”的功能,就是一种轻量级的JavaScript解决方案,它不...
首先,`students.html`文件很可能是用来展示表格结构的HTML页面,它可能包含一个或多个表格,以及用于触发JavaScript事件的按钮。HTML部分可能包括`<table>`标签,`<tr>`(表格行)、`<td>`(表格单元格)以及可能的...
在网页设计中,当表格数据过多时,为了保持良好的用户体验,常常需要实现表头固定而内容可滚动的效果。`jQuery`作为一个广泛使用的JavaScript库,提供了丰富的功能和便利的方法来实现这种效果。本教程将深入探讨如何...
例如,当用户滚动报表时,表头可以保持固定,或者在多列分类的情况下,表头可以折叠和展开,以便更好地理解数据结构。 要实现JasperReport的动态表头,首先需要理解报表设计的基本元素,如文本框、表格、样式和变量...
这种方法需要使用JavaScript进行编程,绘制一个斜线并覆盖在表格表头的单元格上。其优点是完全由代码控制,可以做到非常精细的效果,包括斜线的颜色和样式都可以灵活调整。然而,同样的问题也是浏览器的兼容性,特别...
这段JavaScript代码会在页面加载完成后查找所有表头单元格(`<th>`),如果单元格内有多个文本节点,那么就创建一个带有`.line`样式的`div`元素,用于绘制斜线。通过计算文本节点的位置,我们可以确定斜线的长度和...
本篇文章将探讨如何通过HTML、CSS以及JavaScript技术,实现HTML表格的固定表头效果,使得在滚动时表头始终保持可见。 首先,我们来创建一个基本的HTML表格结构。在HTML文件中,我们可以这样编写: ```html <!...
在网页设计中,当表格数据过多时,滚动查看表格可能会导致表头消失,这给用户理解和操作带来不便。"表格固定表头"是一种解决这个问题的技术,它使得在滚动浏览长表格时,表头始终保持可见,方便用户跟踪列名。本文将...
网页模板设计中,为了提供更好的用户体验,特别是在处理大数据量的表格时,经常需要实现固定表头的功能。"jQuery实现固定表头标题栏让表格数据在滚动栏里滚动"这一技术主题,就是解决这个问题的一种常见方法。jQuery...
总的来说,实现Table表头和列固定是一项技术挑战,但通过合理运用HTML、CSS和JavaScript,以及JSP的动态生成能力,可以创建出用户友好且功能强大的数据展示表格。在实际开发中,还可以结合现代前端框架,如React或...
Layui表格是一种基于 layui 框架的数据展示方式,通过对HTML、CSS和JavaScript的结合使用,实现了丰富的表格样式和交互效果。下面将详细介绍Layui表格的实现代码和相关知识点。 HTML结构 Layui表格的HTML结构主要...
实现固定表头的方法通常有CSS定位、JavaScript或jQuery插件等。例如,在使用jQueryGrid时,可以通过设置`shrinkToFit: false`和`width: 'auto'`来保持表头和内容区域的位置同步,同时使用CSS设置`position: fixed`来...