1、使用ui框架，像Ext-Js、easy-ui等等
2、自己写，点击一行数据时，写个点击事件，在下方生成一个<tr>和一个跨行的<td>(跨几行你自己定，看你想显示多少数据)，在<td>里面在生成一个<table>，table里面显示你第二层数据（第三层数据同理）。
在HTML中使用报表的步骤：
第1步，创建一个空的ASP.NET应用程序。
第2步，将HTML5 Viewer相关JS和CSS拷贝到工程中。
第3步，添加页面报表。
第4步，在报表页面中添加文字。
第5步，添加ActiveReports 9 Web服务
第6步，添加Web页面。
第7步，在Web页面中添css文件。
具体的代码，请参考下面的博客
http://blog.gcpowertools.com.cn/post/ActiveReports_HTML5.aspx
<html><head>
<title>无标题文档</title>
<style>
table.s1{
border-top:1px solid #333333
border-left:1px solid #333333
border-right:none
border-bottom:none
}
td{
border-top:nooe
border-left:none
border-right:1px solid #333333
border-bottom:1px solid #333333
text-align:center
}
</style>
</head>
<body>
<table cellpadding=0 cellspacing=0 style='border-collapse:collapsetable-layout:fixed' class="s1">
<tr>
<td with="100px">日期</td>
<td with="100px">姓名</td>
<td with="100px">类别</td>
<td with="100px">次数</td>
<td with="100px">本月累计</td>
</tr>
<tr>
<td>2015-02-13</td>
<td colspan="4">
<!--在这个地方开始循环输出一下内容-->
<table border="0" cellpadding=0 cellspacing=0 style="table-layout:fixedwidth:100%">
<tr>
<td with="100px" rowspan="4">老大</td>
<td with="100px">派修</td>
<td with="100px">1</td>
<td>1</td>
<!--以上只写了几列，其它的自己加上-->
</tr>
<tr>
<td>投诉</td>
<td>1</td>
<td>1</td>
</tr>
<tr>
<td>咨询</td>
<td>1</td>
<td>1</td>
</tr>
<tr>
<td>查号</td>
<td>1</td>
<td>1</td>
</tr>
</table>
<!--循环内容结束-->
</td>
</tr>
</table>
</body>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）