JQuery Plugin Repository

Close Complete List of Plugins

paginateDataGrids  |  Category: Tables  |  Modified: 23 Feb 2011  |  Integrated pagination for large data tables.

This plugin allows a large HTML table to be presented as smaller, more manageable blocks of information, by breaking up the data into multiple pages, each accessible via a dynamic paging mechanism. The total number of records and pages is also offered.

Summary

Script File

jq.paginateDataGrids.js ( view )

Available Options

recordsPerPage

An integer specifying how many records to show on each page. Default is 10.

displayLocation

A string specifying where the record count and pager should appear. Options include "dataGrid", which places the block immediately under the table; and the default "fieldset", which places the block inside the bottom border of the surrounding fieldset.

addedInfo

An array of strings that may be added after the paging control. The strings may be composed of any valid HTML. Default is empty, that is, no content after the control.

Basic Usage

$("ELEMENT").paginateDataGrid();

$("ELEMENT").paginateDataGrid({ options });

Minimum Browser Support

  • Apple Safari 3
  • Google Chrome 1
  • Microsoft Internet Explorer 6
  • Mozilla Firefox 3
  • Opera 9

Example

Name Rank Position SSN DOB Gender
Name Rank Position SSN DOB Gender
Blake, Henry Lt. Colonel Commanding Officer 564-78-3219 11/14/1927 M
Burns, Frank Major Surgeon 012-34-5678 09/29/1939 M
Houlihan, Margaret Major Head Nurse 234-56-7890 11/04/1937 F
Hunnicut, BJ Captain Surgeon 901-23-4567 02/06/1939 M
Klinger, Maxwell Corporal Clerk 345-67-8901 07/01/1934 M
McIntyre, John Captain Surgeon 987-65-4321 04/07/1933 M
Mulcahy, Francis Lieutenant Priest 567-89-0123 10/20/1932 M
O'Reilly, Walter Corporal Clerk 456-78-9012 05/24/1940 M
Pierce, Benjamin Captain Chief Surgeon 678-90-1234 01/28/1936 M
Potter, Sherman Colonel Commanding Officer 789-01-2345 04/15/1915 M
Straminsky, Igor Private Cook 222-55-7890   M
Winchester, Charles Major Surgeon 123-45-6789 10/31/1932 M
Yamato, Kellye Lieutenant Nurse 890-12-3456 01/02/1950 F

Associated Code

<script type="text/javascript">
$(document).ready(function() {
  $("#tblDemo").paginateDataGrid({
    recordsPerPage :  5
    addedInfo      : ["<a href=\"#\">Add Record</a>"]
    });
  });
</script>

JQuery Plugin Repository | Home | Print

back to ksscholl.com