jQuery Freeze Table Column and Rows: Make table rows and columns not scroll

Recommend this page to a friend!
  Info   Example   Screenshots   View files Files   Download Download   Reputation   Support forum   Blog    
Ratings Unique User Downloads Download Rankings
Not enough user ratingsTotal: 185 All time: 279 This week: 4Up
Version License JavaScript version Categories
congelarfilacolumna 1.14GNU Free Document...1.0HTML, jQuery
Collaborate with this project 

Author

CongelarFilaColumna - github.com

Description

This is a jQuery plugin that can make table rows and columns not scroll.

It can take a given HTML table object and set it so it can freeze a given number of columns or rows or both, so the fixed columns or rows do not scroll.

The rows to be frozen should be placed in the table head section.

It can also freeze rows and columns combined with using colspan or rowspan attributes.

Innovation Award
JavaScript Programming Innovation award nominee
March 2016
Number 2


Prize: One ebook of choice by Packt
Most spreadsheet programs allow the users to make certain rows or columns fixed, so it becomes easier to see which sheet headers relate to each cells.

This jQuery plugin can implement similar behavior with tables on HTML pages. It can make certain rows or columns fixed, so the rest of the table can scroll while the fixed rows and columns remain steady.

Manuel Lemos
Picture of Agustin Rios Reyes
  Performance   Level  
Name: Agustin Rios Reyes <contact>
Classes: 4 packages by
Country: Mexico Mexico
Age: 38
All time rank: 792 in Mexico Mexico
Week rank: 6 Up1 in Mexico Mexico Up
Innovation award
Innovation award
Nominee: 1x

Example

<!DOCTYPE html> <html lang="es"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <title>Freeze header and multiple columns</title> <link rel="shortcut icon" href="img/logoN.png"/> <link href="css/ScrollTabla.css" rel="stylesheet" media="screen" /> </head> <body> <header class="header"> <div class="titulosHeader"> <div class="logo"> <a href="http://www.nitsugario.com/"><img src="img/logonit.png"></a> </div> </div> </header> <main class="main"> <div class="ContenedorTabla"> <table id="pruebatabla" class="fht-table"> <thead> <tr> <th class="celda_encabezado_general" rowspan="3">titulo rows</th> <th class="celda_encabezado_general" rowspan="3">titulo rows</th> <th class="celda_encabezado_general" rowspan="3">titulo rows</th> <th class="celda_encabezado_general" rowspan="3">titulo rows</th> <th class="celda_encabezado_general" rowspan="3">titulo rows</th> <th class="celda_encabezado_general" colspan="6">titulo</th> <th class="celda_encabezado_general" colspan="6">titulo</th> <th class="celda_encabezado_general" colspan="6">titulo</th> <th class="celda_encabezado_general" colspan="6">titulo</th> </tr> <tr> <th class="celda_encabezado_general" colspan="3">titulo</th> <th class="celda_encabezado_general" colspan="3">titulo</th> <th class="celda_encabezado_general" colspan="3">titulo</th> <th class="celda_encabezado_general" colspan="3">titulo</th> <th class="celda_encabezado_general" colspan="3">titulo</th> <th class="celda_encabezado_general" colspan="3">titulo</th> <th class="celda_encabezado_general" colspan="3">titulo</th> <th class="celda_encabezado_general" colspan="3">titulo</th> </tr> <tr> <th class="celda_encabezado_general">titulo</th> <th class="celda_encabezado_general">titulo</th> <th class="celda_encabezado_general">titulo</th> <th class="celda_encabezado_general">titulo</th> <th class="celda_encabezado_general">titulo</th> <th class="celda_encabezado_general">titulo</th> <th class="celda_encabezado_general">titulo</th> <th class="celda_encabezado_general">titulo</th> <th class="celda_encabezado_general">titulo</th> <th class="celda_encabezado_general">titulo</th> <th class="celda_encabezado_general">titulo</th> <th class="celda_encabezado_general">titulo</th> <th class="celda_encabezado_general">titulo</th> <th class="celda_encabezado_general">titulo</th> <th class="celda_encabezado_general">titulo</th> <th class="celda_encabezado_general">titulo</th> <th class="celda_encabezado_general">titulo</th> <th class="celda_encabezado_general">titulo</th> <th class="celda_encabezado_general">titulo</th> <th class="celda_encabezado_general">titulo</th> <th class="celda_encabezado_general">titulo</th> <th class="celda_encabezado_general">titulo</th> <th class="celda_encabezado_general">titulo</th> <th class="celda_encabezado_general">titulo</th> </tr> </thead> <tbody> <tr> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> </tr> <tr> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> </tr> <tr> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> </tr> <tr> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> </tr> <tr> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> </tr> <tr> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> </tr> <tr> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> </tr> <tr> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> </tr> <tr> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> </tr> <tr> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> </tr> <tr> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> </tr> <tr> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> </tr> <tr> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> </tr> <tr> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> </tr> <tr> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> </tr> <tr> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> </tr> <tr> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> </tr> <tr> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> </tr> <tr> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> </tr> <tr> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> <td class="celda_normal">dato</td> </tr> </tbody> </table> </div> </main> <script src="js/jquery-1.11.0.min.js"></script> <script src="js/jquery.CongelarFilaColumna.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#pruebatabla").CongelarFilaColumna({lboHoverTr:true}); }); </script> </body> </html>

Screenshots (2)  
  • ejemplo4.png
  • example1.png
  Files folder image Files (17)  
File Role Description
Files folder imagecss (1 file)
Files folder imageimg (2 files)
Files folder imagejs (2 files)
Image file Ejemplo3.png Data Auxiliary data
Image file Ejemplo4.png Data Auxiliary data
Plain text file Example1.html Example Example script
Plain text file Example2.html Example Example script
Plain text file Example3.html Example Example script
HTML file Example4.html Example example
HTML file Example5.html Doc. only the fixed header
HTML file Example6.html Doc. Documentation
Plain text file LICENSE Lic. License text
Plain text file README.md Doc. Documentation

  Files folder image Files (17)  /  css  
File Role Description
  Plain text file ScrollTabla.css Data Auxiliary data

  Files folder image Files (17)  /  img  
File Role Description
  Image file logoN.png Icon Icon image
  Image file logonit.png Icon Icon image

  Files folder image Files (17)  /  js  
File Role Description
  Plain text file jquery-1.11.0.min.js Class Class source
  Plain text file jquery.CongelarFilaColumna.js Class Class source

 Version Control Unique User Downloads Download Rankings  
 88%
Total:185
This week:0
All time:279
This week:4Up