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

表与修理标题和列-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而期待问题。你必须调整它才能为你工作并在所有浏览器上进行全面测试。

推荐阅读

text
ButterKnife的基础应用与实践指南

ButterKnife 是一款用于 Android 开发的注解库，主要用于简化视图和事件绑定。本文详细介绍了 ButterKnife 的基础用法，包括如何通过注解实现字段和方法的绑定，以及在实际项目中的应用示例。此外，文章还提到了截至 2016 年 4 月 29 日，ButterKnife 的最新版本为 8.0.1，为开发者提供了最新的功能和性能优化。 ... [详细]

蜡笔小新 2024-11-07 13:17:24
import
如何在Nginx服务器上轻松配置CertBot以实现SSL证书自动化管理

为了确保iOS应用能够安全地访问网站数据，本文介绍了如何在Nginx服务器上轻松配置CertBot以实现SSL证书的自动化管理。通过这一过程，可以确保应用始终使用HTTPS协议，从而提升数据传输的安全性和可靠性。文章详细阐述了配置步骤和常见问题的解决方法，帮助读者快速上手并成功部署SSL证书。 ... [详细]

蜡笔小新 2024-11-10 08:42:08
text
网站访问全流程解析

本文详细介绍了从用户在浏览器中输入一个域名（如www.yy.com）到页面完全展示的整个过程，包括DNS解析、TCP连接、请求响应等多个步骤。 ... [详细]

蜡笔小新 2024-11-12 18:13:16
function
javascript分页类支持页码格式

前端时间因为项目需要，要对一个产品下所有的附属图片进行分页显示，没考虑ajax一张张请求，所以干脆一次性全部把图片out，然 ... [详细]

蜡笔小新 2024-11-12 14:58:57
object
Delphi 7下最小化到系统托盘（主要是WM_TRAYMSG和WM_SYSCOMMAND消息）

在Delphi7下要制作系统托盘，只能制作一个比较简单的系统托盘，因为ShellAPI文件定义的TNotifyIconData结构体是比较早的版本。定义如下：1234 ... [详细]

蜡笔小新 2024-11-12 12:32:15
php
解决 Windows Server 2016 网络连接问题

本文详细介绍了如何解决 Windows Server 2016 在使用无线网络 (WLAN) 和有线网络 (以太网) 时遇到的连接问题。包括添加必要的功能和安装正确的驱动程序。 ... [详细]

蜡笔小新 2024-11-12 00:01:44
php
未加载符号表，请使用“file”命令加载目标文件以进行调试。

在使用Eclipse进行调试时，如果遇到未解析的断点（unresolved breakpoint）并显示“未加载符号表，请使用‘file’命令加载目标文件以进行调试”的错误提示，这通常是因为调试器未能正确加载符号表。解决此问题的方法是通过GDB的`file`命令手动加载目标文件，以便调试器能够识别和解析断点。具体操作为在GDB命令行中输入 `(gdb) file `。这一步骤确保了调试环境能够正确访问和解析程序中的符号信息，从而实现有效的调试。 ... [详细]

蜡笔小新 2024-11-11 18:21:47
function
在PHP中如何正确调用JavaScript变量及定义PHP变量的方法详解

在PHP中如何正确调用JavaScript变量及定义PHP变量的方法详解 ... [详细]

蜡笔小新 2024-11-11 17:28:29
function
技术分享：使用 Flask、AngularJS 和 Jinja2 构建高效前后端交互系统

技术分享：使用 Flask、AngularJS 和 Jinja2 构建高效前后端交互系统 ... [详细]

蜡笔小新 2024-11-11 15:24:24
function
WordPress Duplicator 0.4.4 版本存在跨站脚本攻击漏洞分析

在对WordPress Duplicator插件0.4.4版本的安全评估中，发现其存在跨站脚本（XSS）攻击漏洞。此漏洞可能被利用进行恶意操作，建议用户及时更新至最新版本以确保系统安全。测试方法仅限于安全研究和教学目的，使用时需自行承担风险。漏洞编号：HTB23162。 ... [详细]

蜡笔小新 2024-11-10 13:16:43
case
关于使用JavaScript在多个页面间传递参数的技术探讨

本文探讨了使用JavaScript在不同页面间传递参数的技术方法。具体而言，从a.html页面跳转至b.html时，如何携带参数并使b.html替代当前页面显示，而非新开窗口。文中详细介绍了实现这一功能的代码及注释，帮助开发者更好地理解和应用该技术。 ... [详细]

蜡笔小新 2024-11-09 09:28:55
object
ESP8266 01S Web 服务器成功启动：详细解决方案与实践指南

本文详细介绍了一种利用 ESP8266 01S 模块构建 Web 服务器的成功实践方案。通过具体的代码示例和详细的步骤说明，帮助读者快速掌握该模块的使用方法。在疫情期间，作者重新审视并研究了这一未被充分利用的模块，最终成功实现了 Web 服务器的功能。本文不仅提供了完整的代码实现，还涵盖了调试过程中遇到的常见问题及其解决方法，为初学者提供了宝贵的参考。 ... [详细]

蜡笔小新 2024-11-08 19:12:49
java
深入解析 Android 中 EditText 的 getLayoutParams 方法及其代码应用实例

深入解析 Android 中 EditText 的 getLayoutParams 方法及其代码应用实例 ... [详细]

蜡笔小新 2024-11-07 20:50:46
object
SQLite数据库CRUD操作实例分析与应用

本文通过分析和实例演示了SQLite数据库中的CRUD（创建、读取、更新和删除）操作，详细介绍了如何在Java环境中使用Person实体类进行数据库操作。文章首先阐述了SQLite数据库的基本概念及其在移动应用开发中的重要性，然后通过具体的代码示例，逐步展示了如何实现对Person实体类的增删改查功能。此外，还讨论了常见错误及其解决方法，为开发者提供了实用的参考和指导。 ... [详细]

蜡笔小新 2024-11-05 16:56:48
function
在 Angular Google Maps 中实现图片嵌入信息窗口功能 - Embedding Images into Info Windows in Angular Google Maps

在 Angular Google Maps 中实现图片嵌入信息窗口的功能，可以通过使用 `@agm/core` 库来实现。该库提供了丰富的 API 和组件，使得开发者可以轻松地在地图上的信息窗口中嵌入图片。本文将详细介绍如何配置和使用这些组件，以实现动态加载和显示图片的功能。此外，还将探讨一些常见的问题和解决方案，帮助开发者更好地集成这一功能。 ... [详细]

蜡笔小新 2024-11-05 10:58:38

Missluckyyy_879

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

Tags | 热门标签

RankList | 热门文章

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

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