当前位置: 开发笔记 > 编程语言 > 正文

表与修理标题和列-TableWithFixHeaderAndColumn

作者：Missluckyyy_879 | 来源：互联网 | 2023-09-17 15:38

thistablescrollinginbothhorizontalandverticlsideusingcolspanandrowspan此表使用colspan和rowsp

this table scrolling in both horizontal and verticl side using colspan and rowspan

此表使用colspan和rowspan在水平和垂直方向上滚动

how can i fix the header and first 3 column

我该如何修复标题和前3列

I use Anglarjs to fill this table And I create it After click button

我使用Anglarjs填充此表并创建它单击按钮后

JSFiddle : Sample Show

JSFiddle：Sample Show


    
        
            ردیف
            سازمان های طرف قرارداد/منابع وصول درآمد
            گردش عملیات سال ۱۳۸۹
            گردش عملیات سال ۱۳۹۰
            كل  مطالبات (مانده ماه جاري+مانده سنواتي)   
            
        
        
            مانده مطالبات سال ۱۳۸۹   قبل
            تفاوت تعرفه ارسالي سال ۱۳۸۹
            وصولی بابت  سال ۱۳۸۹ در سال ۱۳۹۰
            وصولي بابت تعرفه سال ۱۳۸۹ در سال ۱۳۹۰
            کسورات ۱۳۸۹
            مانده سنواتی
            مانده مطالبات سال ۱۳۹۰ انتقال از ماه قبل
            ارسالي (اسناد +تفاوت تعرفه) ماه جاري
            وصولي مربوط به سال ۱۳۹۰
            کسورات قطعی
            مانده ماه جاری
        
        
            دارو
            درمان
            کلی
            دارو
            درمان
            کلی
        
    
    
        
            
                
                سازمانهای بیمه گر پايه  و ذغالسنگ
            
        
        
            ۱
            کمیته امداد
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۵۱٬۰۰۰٬۰۰۰
            ‎۲٬۱۱۰٬۰۰۰
            ‎۰
            ‎۵۱٬۰۰۰٬۰۰۰
            ‎۱٬۹۹۹٬۰۰۰
            ‎۰
            ‎۱۰۰٬۰۰۰
            ‎۱۱٬۰۰۰
            ‎۱۱٬۰۰۰
        
        
            ۲
            بازنشستگان فولاد
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
        
        
            ۳
            بیمه سلامت
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
        
            
            ۴
            تامین اجتماعی
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
        
            
            ۵
            نیروهای مسلح
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
        
            
            ۶
            ذغالسنگ(شاغل)
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
        
            
            
                بانکهای طرف قرارداد
            
        
        
            ۷
            بانک ملی
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۵۰٬۰۰۰٬۰۰۰
            ‎۶۶٬۵۱۰٬۰۰۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۱۱۶٬۵۱۰٬۰۰۰
            ‎۱۱۶٬۵۱۰٬۰۰۰
        
            
            
                
                سایر سازمانها و شرکت های طرف قرارداد
            
        
        
            ۸
            هلال احمر
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
        

            
                
                بیمه های تکمیلی طرف قرارداد
            
        
        
            ۹
            بیمارستان 579 ارتش
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
        

            ۱۰
            آتیه سازان حافظ
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
        

            
                دانشگاه
            
        
        
            ۱۱
            یارانه و طرح تحول نظام سلامت
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
        

            ۱۲
            حوادث ترافیکی
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
        

            
                
            
        
        
            
                
                از طریق نقدی 
            
        
        
            ۱۳
            نقدی)
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
        

            
                
                ییی
            
        
        
            ۱۴
            یی
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰
            ‎۰

ردیف	سازمان های طرف قرارداد/منابع وصول درآمد	گردش عملیات سال ۱۳۸۹	گردش عملیات سال ۱۳۹۰	كل مطالبات (مانده ماه جاري+مانده سنواتي)
سازمانهای بیمه گر پايه و ذغالسنگ
۱	کمیته امداد	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۵۱٬۰۰۰٬۰۰۰	‎۲٬۱۱۰٬۰۰۰	‎۰	‎۵۱٬۰۰۰٬۰۰۰	‎۱٬۹۹۹٬۰۰۰	‎۰	‎۱۰۰٬۰۰۰	‎۱۱٬۰۰۰	‎۱۱٬۰۰۰
۲	بازنشستگان فولاد	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰
۳	بیمه سلامت	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰
۴	تامین اجتماعی	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰
۵	نیروهای مسلح	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰
۶	ذغالسنگ(شاغل)	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰
بانکهای طرف قرارداد
۷	بانک ملی	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۵۰٬۰۰۰٬۰۰۰	‎۶۶٬۵۱۰٬۰۰۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۱۱۶٬۵۱۰٬۰۰۰	‎۱۱۶٬۵۱۰٬۰۰۰
سایر سازمانها و شرکت های طرف قرارداد
۸	هلال احمر	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰
بیمه های تکمیلی طرف قرارداد
۹	بیمارستان 579 ارتش	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰
۱۰	آتیه سازان حافظ	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰
دانشگاه
۱۱	یارانه و طرح تحول نظام سلامت	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰
۱۲	حوادث ترافیکی	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰

از طریق نقدی
۱۳	نقدی)	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰
ییی
۱۴	یی	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰

I want to fix Header And First 3 Column From Rigth

我想从Rigth修复Header和First 3 Column

2 个解决方案

#1

give any element you want to be fixed an id like: shouldBeFixed and use this in your style sheet (CSS):

给你想要修复的任何元素一个id：shouldBeFixed并在你的样式表（CSS）中使用它：

#shouldBeFixed{
    position: fixed;
}

#2

Fixing the header is not quite easy. See this solution

修复标题并不容易。看到这个解决方案

http://www.imaputz.com/cssStuff/bigFourVersion.html

but expect problems because you are using col-span and row-span. you will have to tweak it to work for you and fully test on all browsers.

但是因为你正在使用col-span和row-span而期待问题。你必须调整它才能为你工作并在所有浏览器上进行全面测试。

推荐阅读

foreach
Spring特性实现接口多类的动态调用详解

本文详细介绍了如何使用Spring特性实现接口多类的动态调用。通过对Spring IoC容器的基础类BeanFactory和ApplicationContext的介绍，以及getBeansOfType方法的应用，解决了在实际工作中遇到的接口及多个实现类的问题。同时，文章还提到了SPI使用的不便之处，并介绍了借助ApplicationContext实现需求的方法。阅读本文，你将了解到Spring特性的实现原理和实际应用方式。 ... [详细]

蜡笔小新 2023-12-14 03:24:19
post
页面请求方法参数最长_关于 HTTP GET/POST 请求参数长度最大值的一个理解误区

http:my.oschina.netleejun2005blog136820刚看到群里又有同学在说HTTP协议下的Get请求参数长度是有大小限制的，最大不能超过XX ... [详细]

蜡笔小新 2023-12-13 19:20:03
js
《数据结构》学习笔记3——串匹配算法性能评估

本文主要讨论串匹配算法的性能评估，包括模式匹配、字符种类数量、算法复杂度等内容。通过借助C++中的头文件和库，可以实现对串的匹配操作。其中蛮力算法的复杂度为O(m*n)，通过随机取出长度为m的子串作为模式P，在文本T中进行匹配，统计平均复杂度。对于成功和失败的匹配分别进行测试，分析其平均复杂度。详情请参考相关学习资源。 ... [详细]

蜡笔小新 2023-12-13 16:16:05
post
自动轮播，反转播放的ViewPagerAdapter的使用方法和效果展示

本文介绍了如何使用自动轮播、反转播放的ViewPagerAdapter，并展示了其效果。该ViewPagerAdapter支持无限循环、触摸暂停、切换缩放等功能。同时提供了使用GIF.gif的示例和github地址。通过LoopFragmentPagerAdapter类的getActualCount、getActualItem和getActualPagerTitle方法可以实现自定义的循环效果和标题展示。 ... [详细]

蜡笔小新 2023-12-13 14:41:31
js
Support Paged.JS for automatic hugo resume> PDF conversion.

FeatureRequestIsyourfeaturerequestrelatedtoaproblem?Please ... [详细]

蜡笔小新 2023-12-13 11:52:05
io
成功安装Sabayon Linux在thinkpad X60上的经验分享

本文分享了作者在国庆期间在thinkpad X60上成功安装Sabayon Linux的经验。通过修改CHOST和执行emerge命令，作者顺利完成了安装过程。Sabayon Linux是一个基于Gentoo Linux的发行版，可以将电脑快速转变为一个功能强大的系统。除了作为一个live DVD使用外，Sabayon Linux还可以被安装在硬盘上，方便用户使用。 ... [详细]

蜡笔小新 2023-12-13 11:35:40
go
Android开发实现的计时器功能示例

本文分享了Android开发实现的计时器功能示例，包括效果图、布局和按钮的使用。通过使用Chronometer控件，可以实现计时器功能。该示例适用于Android平台，供开发者参考。 ... [详细]

蜡笔小新 2023-12-12 22:51:19
foreach
MyBatis多表查询与动态SQL使用

本文介绍了MyBatis多表查询与动态SQL的使用方法，包括一对一查询和一对多查询。同时还介绍了动态SQL的使用，包括if标签、trim标签、where标签、set标签和foreach标签的用法。文章还提供了相关的配置信息和示例代码。 ... [详细]

蜡笔小新 2023-12-12 17:12:51
js
MooTools和JQuery并排 - MooTools and JQuery Side by Side

IjustinheritedsomewebpageswhichusesMooTools.IneverusedMooTools.NowIneedtoaddsomef ... [详细]

蜡笔小新 2023-12-12 13:43:58
go
mac php错误日志配置方法及错误级别修改

本文介绍了在mac环境下配置php错误日志的方法，包括修改php.ini文件和httpd.conf文件的操作步骤。同时还介绍了如何修改错误级别，以及相应的错误级别参考链接。 ... [详细]

蜡笔小新 2023-12-12 11:59:08
io
iOS超签签名服务器搭建及其优劣势

本文介绍了搭建iOS超签签名服务器的原因和优势，包括不掉签、用户可以直接安装不需要信任、体验好等。同时也提到了超签的劣势，即一个证书只能安装100个，成本较高。文章还详细介绍了超签的实现原理，包括用户请求服务器安装mobileconfig文件、服务器调用苹果接口添加udid等步骤。最后，还提到了生成mobileconfig文件和导出AppleWorldwideDeveloperRelationsCertificationAuthority证书的方法。 ... [详细]

蜡笔小新 2023-12-11 20:23:23
io
to_a和to_ary有什么区别？ - What's the difference between to_a and to_ary?

Whatsthedifferencebetweento_aandto_ary?to_a和to_ary有什么区别？ ... [详细]

蜡笔小新 2023-12-11 19:30:04
io
Netty源代码分析服务器端启动ServerBootstrap初始化

本文主要分析了Netty源代码中服务器端启动的过程，包括ServerBootstrap的初始化和相关参数的设置。通过分析NioEventLoopGroup、NioServerSocketChannel、ChannelOption.SO_BACKLOG等关键组件和选项的作用，深入理解Netty服务器端的启动过程。同时，还介绍了LoggingHandler的作用和使用方法，帮助读者更好地理解Netty源代码。 ... [详细]

蜡笔小新 2023-12-10 15:42:28
go
Linux虚拟化部署中的VLAN配置方法详解

本文详细介绍了在Linux虚拟化部署中进行VLAN配置的方法。首先要确认Linux系统内核是否已经支持VLAN功能，然后配置物理网卡、子网卡和虚拟VLAN网卡的关系。接着介绍了在Linux配置VLAN Trunk的步骤，包括将物理网卡添加到VLAN、检查添加的VLAN虚拟网卡信息以及重启网络服务等。最后，通过验证连通性来确认配置是否成功。 ... [详细]

蜡笔小新 2023-12-09 03:55:11
php
Oracle中tnsnames.ora的作用和配置方法

本文介绍了Oracle数据库中tnsnames.ora文件的作用和配置方法。tnsnames.ora文件在数据库启动过程中会被读取，用于解析LOCAL_LISTENER，并且与侦听无关。文章还提供了配置LOCAL_LISTENER和1522端口的示例，并展示了listener.ora文件的内容。 ... [详细]

蜡笔小新 2023-12-14 07:44:06

Missluckyyy_879

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章

ردیف	سازمان های طرف قرارداد/منابع وصول درآمد	گردش عملیات سال ۱۳۸۹						گردش عملیات سال ۱۳۹۰									كل مطالبات (مانده ماه جاري+مانده سنواتي)
		مانده مطالبات سال ۱۳۸۹ قبل	تفاوت تعرفه ارسالي سال ۱۳۸۹	وصولی بابت سال ۱۳۸۹ در سال ۱۳۹۰	وصولي بابت تعرفه سال ۱۳۸۹ در سال ۱۳۹۰	کسورات ۱۳۸۹	مانده سنواتی	مانده مطالبات سال ۱۳۹۰ انتقال از ماه قبل	ارسالي (اسناد +تفاوت تعرفه) ماه جاري			وصولي مربوط به سال ۱۳۹۰			کسورات قطعی	مانده ماه جاری
		مانده مطالبات سال ۱۳۸۹ قبل	تفاوت تعرفه ارسالي سال ۱۳۸۹	وصولی بابت سال ۱۳۸۹ در سال ۱۳۹۰	وصولي بابت تعرفه سال ۱۳۸۹ در سال ۱۳۹۰	کسورات ۱۳۸۹	مانده سنواتی	مانده مطالبات سال ۱۳۹۰ انتقال از ماه قبل	دارو	درمان	کلی	دارو	درمان	کلی	کسورات قطعی	مانده ماه جاری
سازمانهای بیمه گر پايه و ذغالسنگ
۱	کمیته امداد	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۵۱٬۰۰۰٬۰۰۰	‎۲٬۱۱۰٬۰۰۰	‎۰	‎۵۱٬۰۰۰٬۰۰۰	‎۱٬۹۹۹٬۰۰۰	‎۰	‎۱۰۰٬۰۰۰	‎۱۱٬۰۰۰	‎۱۱٬۰۰۰
۲	بازنشستگان فولاد	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰
۳	بیمه سلامت	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰
۴	تامین اجتماعی	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰
۵	نیروهای مسلح	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰
۶	ذغالسنگ(شاغل)	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰
بانکهای طرف قرارداد
۷	بانک ملی	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۵۰٬۰۰۰٬۰۰۰	‎۶۶٬۵۱۰٬۰۰۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۱۱۶٬۵۱۰٬۰۰۰	‎۱۱۶٬۵۱۰٬۰۰۰
سایر سازمانها و شرکت های طرف قرارداد
۸	هلال احمر	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰
بیمه های تکمیلی طرف قرارداد
۹	بیمارستان 579 ارتش	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰
۱۰	آتیه سازان حافظ	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰
دانشگاه
۱۱	یارانه و طرح تحول نظام سلامت	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰
۱۲	حوادث ترافیکی	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰

از طریق نقدی
۱۳	نقدی)	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰
ییی
۱۴	یی	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰	‎۰