<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`来...