Skip to content
This repository has been archived by the owner on Apr 18, 2024. It is now read-only.

cronin4392/FrozenTables

Repository files navigation

Frozen Table Cells

A plugin that enables locked rows and columns on HTML tables.

Installation

  • Requires jQuery
  • FrozenTable.css - Base styles needed
  • FrozenTable.js - Library

Usage

Default:

<script>
	new FrozenTable($('table'));
</script>

Multiple:

<script>
	$('table').each(function() {
		new FrozenTable($(this));
	});
</script>

Options:

<script>
	new FrozenTable($('table',
		{
			'rows': 2,
			'columns': 0
		}
	));
</script>

Data Attributes:

<html>
	<table data-frozen-rows="2" data-frozen-columns="0">
		...
	</table>
</html>
<script>
	new FrozenTable($('table'));
</script>

Demo

There are two demos included.

  • Contains two tables with set size. One initialized with defaults (1 frozen row, 1 frozen column) the other with rows and columns set as data attribute
  • A table covering the window

PHP files can be used to generate more tables

Author

Stephen Cronin @ HYPERHYPER

About

Freeze Rows and Columns in a Table

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages