A jQuery plugin that converts JSON data into searchable, sortable, HTML tables
JavaScript CSS PHP
Clone or download
Permalink
Failed to load latest commit information.
css Version 2.2.0 Jun 25, 2014
examples Updates and Bug Fixes Jul 12, 2014
images Columns 2.1 Jun 11, 2014
js Updates and Bug Fixes Jul 12, 2014
plugins Version 2.2.0 Jun 25, 2014
src Updates and Bug Fixes Jul 12, 2014
templates Version 2.2.0 Jun 25, 2014
LICENSE.txt Version 2.2.0 Jun 25, 2014
README.md Version 2.2.1 Jun 26, 2014
columns.jquery.json Updated description Jul 12, 2014

README.md

Columns

by Michael Eisenbraun

Columns is an easy way of creating JSON data into HTML tables that are sortable, searchable, and paginating. All you need is to provide the data, and Columns will do the rest.

Installation

Include the jQuery Library 1.7 or later and Columns Plugin File:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="js/jquery.columns.min.js"></script>

Include a pre-built Columns theme or create your own

<link rel="stylesheet" href="css/classic.css">

Because Columns create all the necessary HTML dynamically, the only HTML needed is a empty HTML element, such as a <div> tag, with the corresponding id as using in the initialization.

<div id="columns"></div>

Finally, initialize Columns.

<script>
  $(document).ready(function() {
    var json = [{"col1":"row1", "col2":"row1", "col3":"row1"}, {"col1":"row2", "col2":"row2", "col3":"row2"}]; 
    $('#columns').columns({data:json});
  });
</script>

For more information, see the full documentation