superTables超级表格

最新推荐文章于 2023-07-28 15:41:07 发布
最新推荐文章于 2023-07-28 15:41:07 发布
阅读量1k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44945073/article/details/89478088
版权
                <link href="superTables.css" rel="Stylesheet" type="text/css" />
<script type="text/javascript" src="superTables.js"></script>
<style>
.fakeContainer {
    margin: 20px;
    padding: 0px;
    border: none;
    width: 640px;
    height: 220px;
    overflow: hidden;

}

</style>
</head>
<body>
<center>
<!--table外必须要有一个DIV包围table样式为fakeContainer的-->
<div class="fakeContainer">
<table id="demoTable">
<tr>
<th>日账明细ID</th>
<th>账单类型</th>
<th>票号</th>
<th>结算对象ID</th>
<th>结算对象名称</th>
<th>账期日期</th>
<th>企业名称</th>
<th>订单号</th>
<th>出账时间</th>
<th>结算金额</th>
<th>企业名称</th>
<th>订单号</th>
<th>出账时间</th>
<th>结算金额</th>

</tr>

<tr>
    <td>47479</td><td>普通账单</td><td>7844101944436</td><td>100000004</td><td>电子商旅服务有限公司</td><td>20130709</td>
   <td>电子商旅服务有限公司</td><td>A201307090000046</td><td>2013-07-10 14:56:04</td><td>1440.0</td>
<td>电子商旅服务有限公司</td><td>A201307090000046</td><td>2013-07-10 14:56:04</td><td>1440.0</td>
</tr>

<tr>
    <td>47479</td><td>普通账单</td><td>7844101944436</td><td>100000004</td><td>电子商旅服务有限公司</td><td>20130709</td>
   <td>电子商旅服务有限公司</td><td>A201307090000046</td><td>2013-07-10 14:56:04</td><td>1440.0</td>
<td>电子商旅服务有限公司</td><td>A201307090000046</td><td>2013-07-10 14:56:04</td><td>1440.0</td>
</tr>

<tr>
    <td>47479</td><td>普通账单</td><td>7844101944436</td><td>100000004</td><td>电子商旅服务有限公司</td><td>20130709</td>
   <td>电子商旅服务有限公司</td><td>A201307090000046</td><td>2013-07-10 14:56:04</td><td>1440.0</td>
<td>电子商旅服务有限公司</td><td>A201307090000046</td><td>2013-07-10 14:56:04</td><td>1440.0</td>
</tr>

<tr>
    <td>47479</td><td>普通账单</td><td>7844101944436</td><td>100000004</td><td>电子商旅服务有限公司</td><td>20130709</td>
   <td>电子商旅服务有限公司</td><td>A201307090000046</td><td>2013-07-10 14:56:04</td><td>1440.0</td>
<td>电子商旅服务有限公司</td><td>A201307090000046</td><td>2013-07-10 14:56:04</td><td>1440.0</td>
</tr>
 <tr>
    <td>47479</td><td>普通账单</td><td>7844101944436</td><td>100000004</td><td>电子商旅服务有限公司</td><td>20130709</td>
   <td>电子商旅服务有限公司</td><td>A201307090000046</td><td>2013-07-10 14:56:04</td><td>1440.0</td>
<td>电子商旅服务有限公司</td><td>A201307090000046</td><td>2013-07-10 14:56:04</td><td>1440.0</td>

</tr>

<tr>
    <td>47479</td><td>普通账单</td><td>7844101944436</td><td>100000004</td><td>电子商旅服务有限公司</td><td>20130709</td>
   <td>电子商旅服务有限公司</td><td>A201307090000046</td><td>2013-07-10 14:56:04</td><td>1440.0</td>
<td>电子商旅服务有限公司</td><td>A201307090000046</td><td>2013-07-10 14:56:04</td><td>1440.0</td>
</tr>

<tr>
    <td>47479</td><td>普通账单</td><td>7844101944436</td><td>100000004</td><td>电子商旅服务有限公司</td><td>20130709</td>
   <td>电子商旅服务有限公司</td><td>A201307090000046</td><td>2013-07-10 14:56:04</td><td>1440.0</td>
<td>电子商旅服务有限公司</td><td>A201307090000046</td><td>2013-07-10 14:56:04</td><td>1440.0</td>
</tr>

<tr>
    <td>47479</td><td>普通账单</td><td>7844101944436</td><td>100000004</td><td>电子商旅服务有限公司</td><td>20130709</td>
   <td>电子商旅服务有限公司</td><td>A201307090000046</td><td>2013-07-10 14:56:04</td><td>1440.0</td>
<td>电子商旅服务有限公司</td><td>A201307090000046</td><td>2013-07-10 14:56:04</td><td>1440.0</td>
</tr>

<tr>
    <td>47479</td><td>普通账单</td><td>7844101944436</td><td>100000004</td><td>电子商旅服务有限公司</td><td>20130709</td>
   <td>电子商旅服务有限公司</td><td>A201307090000046</td><td>2013-07-10 14:56:04</td><td>1440.0</td>
<td>电子商旅服务有限公司</td><td>A201307090000046</td><td>2013-07-10 14:56:04</td><td>1440.0</td>
</tr>

<tr>
    <td>47479</td><td>普通账单</td><td>7844101944436</td><td>100000004</td><td>电子商旅服务有限公司</td><td>20130709</td>
   <td>电子商旅服务有限公司</td><td>A201307090000046</td><td>2013-07-10 14:56:04</td><td>1440.0</td>
<td>电子商旅服务有限公司</td><td>A201307090000046</td><td>2013-07-10 14:56:04</td><td>1440.0</td>
</tr>

<tr>
    <td>47479</td><td>普通账单</td><td>7844101944436</td><td>100000004</td><td>电子商旅服务有限公司</td><td>20130709</td>
   <td>电子商旅服务有限公司</td><td>A201307090000046</td><td>2013-07-10 14:56:04</td><td>1440.0</td>
<td>电子商旅服务有限公司</td><td>A201307090000046</td><td>2013-07-10 14:56:04</td><td>1440.0</td>
</tr>

<tr>
    <td>47479</td><td>普通账单</td><td>7844101944436</td><td>100000004</td><td>电子商旅服务有限公司</td><td>20130709</td>
   <td>电子商旅服务有限公司</td><td>A201307090000046</td><td>2013-07-10 14:56:04</td><td>1440.0</td>
<td>电子商旅服务有限公司</td><td>A201307090000046</td><td>2013-07-10 14:56:04</td><td>1440.0</td>
</tr>

<tr>
    <td>47479</td><td>普通账单</td><td>7844101944436</td><td>100000004</td><td>电子商旅服务有限公司</td><td>20130709</td>
   <td>电子商旅服务有限公司</td><td>A201307090000046</td><td>2013-07-10 14:56:04</td><td>1440.0</td>
<td>电子商旅服务有限公司</td><td>A201307090000046</td><td>2013-07-10 14:56:04</td><td>1440.0</td>
</tr>

<tr>
    <td>47479</td><td>普通账单</td><td>7844101944436</td><td>100000004</td><td>电子商旅服务有限公司</td><td>20130709</td>
   <td>电子商旅服务有限公司</td><td>A201307090000046</td><td>2013-07-10 14:56:04</td><td>1440.0</td>
<td>电子商旅服务有限公司</td><td>A201307090000046</td><td>2013-07-10 14:56:04</td><td>1440.0</td>
</tr>

<tr>
    <td>47479</td><td>普通账单</td><td>7844101944436</td><td>100000004</td><td>电子商旅服务有限公司</td><td>20130709</td>
   <td>电子商旅服务有限公司</td><td>A201307090000046</td><td>2013-07-10 14:56:04</td><td>1440.0</td>
<td>电子商旅服务有限公司</td><td>A201307090000046</td><td>2013-07-10 14:56:04</td><td>1440.0</td>
</tr>

<tr>
    <td>47479</td><td>普通账单</td><td>7844101944436</td><td>100000004</td><td>电子商旅服务有限公司</td><td>20130709</td>
   <td>电子商旅服务有限公司</td><td>A201307090000046</td><td>2013-07-10 14:56:04</td><td>1440.0</td>
<td>电子商旅服务有限公司</td><td>A201307090000046</td><td>2013-07-10 14:56:04</td><td>1440.0</td>
</tr>

<tr>
    <td>47479</td><td>普通账单</td><td>7844101944436</td><td>100000004</td><td>电子商旅服务有限公司</td><td>20130709</td>
   <td>电子商旅服务有限公司</td><td>A201307090000046</td><td>2013-07-10 14:56:04</td><td>1440.0</td>
<td>电子商旅服务有限公司</td><td>A201307090000046</td><td>2013-07-10 14:56:04</td><td>1440.0</td>
</tr>

<tr>
    <td>47479</td><td>普通账单</td><td>7844101944436</td><td>100000004</td><td>电子商旅服务有限公司</td><td>20130709</td>
   <td>电子商旅服务有限公司</td><td>A201307090000046</td><td>2013-07-10 14:56:04</td><td>1440.0</td>
<td>电子商旅服务有限公司</td><td>A201307090000046</td><td>2013-07-10 14:56:04</td><td>1440.0</td>
</tr>

</table>
</div>
</center>
<script type="text/javascript">
(function() {
   /* new superTable("demoTable", {
        cssSkin : "sSky", //颜色方案
        fixedCols : 1 //固定几列
    });*/


    //cssSkin : "sDefault",sSky
new superTable("demoTable", {cssSkin : "sDefault",fixedCols : 2,headerRows : 1});
})();
</script>           
他发一份
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ASP.NET固定GridView表头_SuperTables
03-27
ASP.NET固定GridView表头_SuperTables
superTables.js
weixin_37998428的博客
12-26 982
1,简短说明 使用 superTables.js 实现： @1：复杂表头固定（向下滚动时表头固定，向右滚动时表头跟随数据列） @2：复杂表头列点击事件（如：列的升降序） @3：左侧列固定 2，案例 html &amp;amp;amp;amp;amp;amp;amp;lt;!-- 简单结构 --&amp;amp;amp;amp;amp;amp;amp;gt; &amp;amp;amp;amp;amp;amp;amp;lt;div id=&amp;amp;amp;amp;amp;
superTables表头固定
09-11
整理的一个superTables案例，网上查找的都一些缺胳膊少腿的
固定GridView首行或列（修改）
08-09
固定GridView首行或列 asp.net 固定行，固定列
TDengine（一）TDengine可视化操作界面TDengineGUI安装及基本操作
最新发布
bacawa的博客
07-28 7207
本文旨在讲解TDengine的基本使用（数据库创建，超级表创建，子表创建等）和核心概念（超级表/子表/Tag等），并结合TDengineGUI的直观界面和代码实操，能快速的入门TDengine，文章最后简要描述了这款数据库的设计思想及优点，并结合经典案例进行设计超级表及子表，并作直观的展示。
固定GridView标题栏，冻结列功能实现
diehe5608的博客
03-17 365
<%@ Page Language="C#" %> <%@ Import Namespace="System.Data" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio...
[转帖][强烈推荐]网页表格(Table/GridView)标题栏和列冻结(跨浏览器兼容)
weixin_34234823的博客
01-12 194
GridView的标题栏、列冻结效果(跨浏览器版) 本文来源：http://blog.darkthread.net/blogs/darkthreadtw/archive/2009/02/18/supertable-plugin-for-jquery.aspx 稍早发表了GridView 的标题列冻结效果，足以满足工作上的需求，不过存在两个缺点:只支援FF及IE6/7、只能冻结列不能冻结栏(行)...
superTables引用的js和css
11-14
这个可能不好找，给大家提供一下，大家可以用一下！！
SuperTables.js文件,我看网上不太好找这个，放一个在这里，侵删
06-12
///////////////////////////////////////////////////////////////////////////////////////// // Super Tables v0.30 - MIT Style License // Copyright (c) 2008 Matt Murphy --- www.matts411.com // // Contributors: // Joe Gallo ///////////////////////////////////////////////////////////////////////////////////////// ////// TO CALL: // new superTable([string] tableId, [object] options); // ////// OPTIONS: (order does not matter ) // cssSkin : string ( eg. "sDefault", "sSky", "sOrange", "sDark" ) // headerRows : integer ( default is 1 ) // fixedCols : integer ( default is 0 ) // colWidths : integer array ( use -1 for auto sizing ) // onStart : function ( any this.variableNameHere variables you create here can be used later ( eg. onFinish function ) ) // onFinish : function ( all this.variableNameHere variables created in this script can be used in this function ) // ////// EXAMPLES: // var myST = new superTable("myTableId"); // // var myST = new superTable("myTableId", { // cssSkin : "sDefault", // headerRows : 1, // fixedCols : 2, // colWidths : [100, 230, 220, -1, 120, -1, -1, 120], // onStart : function () { // this.start = new Date(); // }, // onFinish : function () { // alert("Finished... " + ((new Date()) - this.start) + "ms."); // } // }); // ////// ISSUES / NOTES: // 1. No quirksmode support (officially, but still should work) // 2. Element id's may be duplicated when fixedCols > 0, causing getElementById() issues // 3. Safari will render the header row incorrectly if the fixed header row count is 1 and there is a colspan > 1 in one // or more of the cells (fix available) /////////////////////////////////////////////////////////////////////////////////////////
superTable
11-25
冻结表头，支持多表头。很给力！ 表体可以滚动！！ 很简单就几句代码
supertable
03-27
colWidths : [100, 230, 220, -1, 120, -1, -1, 120]
super-table:使用Super Table为您的Craft工作流程加油
04-22
适用于Craft CMS的超级表插件 超级表是Craft CMS字段类型，可让您创建功能强大的表。 您可以在表中利用所有喜欢的本机Craft字段类型，包括资产，用户，条目，甚至矩阵。 还支持许多第三方字段类型。 特征 3种不同的布局，提供最大的灵活性； 行，表和矩阵。 将您的字段嵌套在Matrix块中。 通过Matrix>超级表> Matrix进行3级嵌套来发疯。 静态布局选项-用于何时需要对字段进行分组但不可重复的字段。 无限使用，永久免费。 文献资料 访问“以获取所有文档，指南，价格和开发人员资源。 更新中 更新至Craft 3.5+ 3级嵌套仅支持“矩阵”>“超级表”>“矩阵”字段组合。 在Craft 3.5+中，您可以创建不同的组合，以及更多级别的“超级表/矩阵”字段，但是它们不起作用。 这是由于对Matrix进行的Craft 3.5+更改进行了大量必要的精简。 我们
superTable,html+css+js轻量冻结上左表头，实现上下左右滑动
09-06
该文件是基于html+css+javascript集成的轻量型table表格表头冻结滑动，通过js读取html中表格结构然后动态创建div或table来完成层叠拼接工作
test super tables
12-27
测试用html 里面包含super tables的javascript源代码
netsuperTables表头固定.rar
09-22
冻结表头，支持多表头。很给力！ 表体可以滚动！！ ASP.NET固定GridView表头_SuperTables
Jquery表格添加滚动条插件，固定表头
01-07
非常好用，可以给表格添加滚动条，固定表头，支持冻结列，简单实用. 使用方法： $(document).ready(function() { ...目前有：sDefault，sSky，sOrange，sDark，可以通过修改superTables.css自定义样式
JS冻结表格,锁定表头,固定行列（上下左右4个方向）
11-12
JS冻结窗格（表头锁定）插件，自适应表格单元格宽度，兼容主流浏览器（注：不兼容IE9以下版本的IE浏览器），代码调用方式 $.frozen(tableElement或tableId,{参数...},force:是否强制冻结，因为有防止重复冻结功能)，...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值