精华内容
下载资源
问答
  • Table冻结表头:function fixupFirstRow(tab) {var div=tab.parentNode;if(div.className.toLowerCase()=="freezediv"){tab.rows[0].style.zIndex="1";tab.rows[0].style.position="relative";div.onscroll = ...

    Table冻结表头:

    function fixupFirstRow(tab) {

    var div=tab.parentNode;

    if(div.className.toLowerCase()=="freezediv"){

    tab.rows[0].style.zIndex="1";

    tab.rows[0].style.position="relative";

    div.onscroll = function(){

    var tr = tab.rows[0];

    tr.style.top = this.scrollTop-(this.scrollTop==0?1:2);

    tr.style.left=-1;

    }

    }

    }

    window.onload = function(){

    var tab=document.getElementById("freezedivTable");

    if(tab){

    fixupFirstRow(tab);

    }

    }

    html源码:

    function fixupFirstRow(tab) {

    var div=tab.parentNode;

    if(div.className.toLowerCase()=="freezediv"){

    tab.rows[0].style.zIndex="1";

    tab.rows[0].style.position="relative";

    div.onscroll = function(){

    var tr = tab.rows[0];

    tr.style.top = this.scrollTop-(this.scrollTop==0?1:2);

    tr.style.left=-1;

    }

    }

    }

    window.onload = function(){

    var tab=document.getElementById("freezedivTable");

    if(tab){

    fixupFirstRow(tab);

    }

    }

    序号内容序号内容
    1内容11内容
    2内容22内容
    3内容33内容
    4内容44内容
    5内容55内容
    6内容66内容
    7内容77内容
    8内容88内容
    9内容99内容
    10内容1010内容
    展开全文
  • 冻结表头

    2011-05-26 17:19:00
    结合setInterval("fixHeadTitle()",10)函数 或setTimeout("count()",10)函数 ...冻结单行表头 设置组件的position:absolute; <div id="div" style="position:absolute; left:5px; width:96%;t...

    结合setInterval("fixHeadTitle()",10)函数

    或 setTimeout("count()",10)函数

    循环设置表头的top属性为滚动组件的scrollTop属性

    冻结单行表头

    设置组件的position:absolute;

    
      
    < div id = " div " style = " position:absolute; left:5px; width:96%;top:50px; height:330px; z-index:9; overflow-y: scroll; " >
      
    < table class = " table06 " cellspacing = " 1 " >
        
    < tr id = ' title1 ' style = ' position:absolute;top:0px;left:0px;Z-Index:1 ' >

          表头

         
    </ tr >

        
    < tr > 内容 </ tr >

      
    </ table >

    </ div >

    < script type = " text/javascript " >
    window.onload
    = function(){
    setInterval(
    " fixHeadTitle() " , 10 );
    };


    function fixHeadTitle(){
    var top
    = document.getElementById( " div " ).scrollTop;
    document.getElementById(
    " tr " ).style.top = top;
    }

    </ script >

    冻结做过合并的多行表头

    设置组件的position:relative;

    
      
    < div id = " div " style = " position:relative; left:5px; width:96%;top:50px; height:330px; z-index:9; overflow-y: scroll; " >
      
    < table class = " table06 " cellspacing = " 1 " >

        
    <!-- 表头1 -->
        
    < tr id = ' tr1 ' style = " position: relative; " >
          
    < th style = " position: relative; " rowspan = " 2 " ></ th >
          
    < th style = " position: relative; " rowspan = " 2 " ></ th >
          
    < th ></ th >
        
    </ tr >

        
    <!-- 表头2 -->

        
    < tr id = ' tr2 ' style = " position: relative; " >
          
    < th ></ th >
        
    </ tr >
        
    < tr > 内容 </ tr >

      
    </ table >

    </ div >

    < script type = " text/javascript " >
    window.onload
    = function(){
    setInterval(
    " fixHeadTitle() " , 10 );
    };


    function fixHeadTitle(){
    var top
    = document.getElementById( " div " ).scrollTop;
    document.getElementById(
    " tr1 " ).style.top = top;
    document.getElementById(
    " tr2 " ).style.top = top;

    }

    </ script >

    转载于:https://www.cnblogs.com/jinliang/archive/2011/05/26/2059015.html

    展开全文
  • 冻结表头压缩包文件

    2017-03-08 23:11:20
    冻结表头指定列
  • Table冻结表头,大家对此应该不会很陌生,实现很简单,下面为大家详细介绍下具体的实现,感兴趣的朋友可以参考下
  • gridview冻结表头

    2013-09-24 13:18:27
    非常难得的gridview冻结表头,c#代码,很有参考价值
  • 主要介绍了jQuery实现冻结表头的方法,实例分析了jQuery扩展方法的实现技巧及固定表格样式的方法,需要的朋友可以参考下
  • gridview冻结表头和列

    2010-08-24 16:10:49
    gridview冻结表头和列 gridview冻结表头和列 gridview冻结表头和列 gridview冻结表头和列 gridview冻结表头和列 gridview冻结表头和列
  • WPS表格如何冻结表头.docx
  • css冻结表头冻结第一列

    热门讨论 2012-12-11 15:00:37
    css样式冻结表头,右侧滚动条滑动,表头锁定不动; css样式冻结首列,下侧滚动条滑动,首列锁定不动; 另外,表中首列添加了复选框,css样式,仅供参考学习,可以根据情况改动 适合菜鸟初学,大神高手会觉得简单绕行
  • bootstrap-table-fixed-header.js bootstrap-table-fixed-header.css 用于实现bootstrap冻结表头
  • 主页面中使用iframe嵌套页面,在嵌套的子页面中冻结表头
  • easyUI中冻结表头

    fit: true

    $('#dataanagrid-content-dg').datagrid({
        rownumbers: true,
        singleSelect: false,
        checkbox: true,
        fit: true,
        idField: '传感器',
        columns: [[
            { field: 'ck', title: '213', width: '10%', align: 'center', checkbox: true },
            { field: '传感器', title: '传感器', width: '52%', align: 'center' },
            { field: '时间', title: '时间', width: '32%', align: 'center' },
            { field: '值', title: '值', width: '12%', align: 'center' }
        ]]
    });
    

    未加fit:true时:

    在这里插入图片描述

    加上fit:true后:

    在这里插入图片描述

    展开全文
  • jQuery冻结表头、列

    2014-02-21 10:56:20
    jQuery冻结表头、列
  • owc如何实现冻结表头

    2008-07-22 13:06:08
    owc如何实现冻结表头owc如何实现冻结表头
  • GridView固定表头和列 实例(GridView冻结表头和列)

    千次下载 热门讨论 2013-05-05 11:39:57
    这个与asp.net中GridView相关的一个实例,实现GridView冻结表头和列,挺好用的。
  • 场景 当数据条数过多时,鼠标下滑浏览表格数据,预期表头一直在表格最上方,不随鼠标滑动而被滑出屏幕 实现步骤 ①引入所需css和js。...--冻结表头所需css--> <link href="../static/css/bootstr...

    场景

    当数据条数过多时,鼠标下滑浏览表格数据,预期表头一直在表格最上方,不随鼠标滑动而被滑出屏幕

     

    实现步骤

    ①引入所需css和js。

    下载链接:https://download.csdn.net/download/Peacock__/12251877

    <!--冻结表头所需css-->
    <link href="../static/css/bootstrap-table-fixed-header.css" rel="stylesheet"/>
     <!--冻结表头所需js-->
    <script src="/js/bootstrap-table-fixed-header.js" type="text/javascript"></script>

    ②bootstrap-table表格放到div中,给div加个松开鼠标时执行的事件来模拟模拟鼠标滚动事件,以实现横向滚动条的移动,表头跟数据对应。并给表格添加class=“table table-striped table-fixed-header”

    <!--bootstrap-table表格放到DIV中,加个松开鼠标时执行的事件来模拟模拟鼠标滚动事件,以实现横向滚动条的移动,表头跟数据对应-->
    <div class="col-sm-12 select-table table-striped" style="overflow-x: auto;overflow-y: auto;" οnmοuseup="onmouseUP()">
    <!--给表格class添加table table-striped table-fixed-header-->
    <table id="bootstrap-table" class="table table-striped table-fixed-header"></table>
    </div>
    
    <script>
        //onmouseup松开鼠标时执行
        //模拟鼠标滚动事件,以实现横向滚动条的移动,表头跟数据对应
        function onmouseUP(){
            var scrollTop = document.getElementsByTagName("body")[0].scrollTop;
            scrollTop -= 10;
            $(".table-fixed-header").fixedHeader();
        }
    </script>

    ③给表格绑定冻结表头事件

    //5、固定表头
    $("#bootstrap-table").on("post-body.bs.table",function(){
         $("#bootstrap-table thead").addClass("header");
         $(".table-fixed-header").fixedHeader();
         onmouseUP();
    });

     

    以上三步就能够实现预期效果!记录一下备忘~

    展开全文
  • 在"漫步繁华街"-...同时进行了抽象,提取,封装了一个独立的类,可以直接使用,只需要设定表头数据,内容数据,冻结列数据以及各个的颜色即可。 在这里感谢【漫步繁华街】的代码分享。
  • BootstrapTable冻结表头(一)

    千次阅读 2019-01-16 16:09:18
    BootstrapTable冻结表头,使用别人写的 JS,这种方法表头置顶后就不会动了。改正一个隐含的bug就是拉动滚定条时表头与数据列不对应。还有一种方法 BootstrapTable冻结表头(二) bootstrap-table-fixed-header的js...
  • 自己做项目需要经过网上学习 做出一个完整的下载粘贴即可用
  • 这是使用javascript的基本解决方案:function position(table) {table.rows[0].style.position="absolute";table.rows[0].style.top="0px";table.style.marginTop = table.rows[0].clientHeight/1.2;...
  • 本文实例讲述了jQuery实现冻结表头的方法。分享给大家供大家参考。具体如下:前段时间做项目时候由于需要显示一个列表,但是由于数据太多在滚动的时候表头必须冻结住,所以就写了下面这个脚本(曾经在网上也找过相应...
  • BootstrapTable冻结表头(二)

    千次阅读 2019-01-18 10:02:13
    BootstrapTable冻结表头,这个方法根据客户需求,找了好久没找到合适的方法,第一次用的这种方法,BootstrapTable冻结表头(一)无意在正在开发的项目中发现了不知道那个大佬做的,挺不错的。记录一下 一、冻结表头...
  • Table冻结表头

    千次阅读 2013-08-20 17:32:14
    Table冻结表头: function fixupFirstRow(tab) { var div=tab.parentNode; if(div.className.toLowerCase()=="freezediv"){ tab.rows[0].style.zIndex="1"; tab.r
  • birt系列(1)--冻结表头

    千次阅读 2018-07-08 04:11:24
    所有冻结表头,都是把表头元素设置成绝对定位,在页面滚动的时候,根据滚动值修正元素top值。 冻结表头的实现1:普通列表的表头冻结 结表头的实现2:单层交叉列表的表头冻结---交叉表头固定的情况 ...
  • C# GridView 冻结列 冻结表头

    千次阅读 2018-06-08 09:26:20
    主要是这四个引用 我的是复杂表头 如果不是复杂表头 headerRows: 2 这个属性设置1即可 width: "100%", height: "480px", fixedCols: 5 高度宽度 冻结列数 根据控件ID找到控件即可这个是我的可能...
  • jq冻结表头,固定左侧任意几列的demo,兼容各大主流浏览器,表头可任意改变
  • js Table冻结表头示例代码 Table冻结表头的js实现代码。Table冻结表头:<scripttype="text/javascript">//冻结table的表头functionfixupFirstRow(tab){vardiv=tab.parentNode;if(div.className....
  • 一段冻结表头的代码

    2013-09-12 14:08:38
    本人写了一段冻结表头的代码,此代码兼容IE7、8,firefox,chrome浏览器,其他浏览器待测。现将此代码粘贴于此: 冻结表头 *{ padding:0px; margin:0px; font-family:"微软雅黑", "黑体"; font-size:12px; ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 2,902
精华内容 1,160
关键字:

冻结表头