JavaScript Manipulate Table: Compose HTML tables programmatically

Recommend this page to a friend!
  Info   View files Example   View files View files (5)   DownloadInstall with Composer Download .zip   Reputation   Support forum   Blog    
Ratings Unique User Downloads Download Rankings
Not enough user ratingsTotal: 154 This week: 1All time: 324 This week: 7Up
Version License JavaScript version Categories
mngtable 1.0GNU General Publi...5HTML, jQuery
Description Author

This object can compose HTML tables programmatically.

It takes an identifier of a table and can perform several types of operations to manipulate it. Currently it can:

- Return the number of rows and columns
- Extract data from the table, rows and cells into a JSON string
- Insert rows and cell data
- Get the position index of a row or cell
- Hide or show, rows, columns or cells
- Add or remove rows or columns
- Find data cells

Innovation Award
JavaScript Programming Innovation award nominee
July 2016
Number 3


Prize: One downloadable e-book of choice by O'Reilly
Sometimes you need to build or manipulate tables dynamically on your Web page.

This object can perform many types of operations to manipulate HTML tables, like adding and removing table cells, rows and columns, as well extract all table data into a JSON string.

Manuel Lemos
Picture of Miguel
  Performance   Level  
Name: Miguel <contact>
Classes: 2 packages by
Country: Venezuela Venezuela
Age: 45
All time rank: 1241 in Venezuela Venezuela
Week rank: 7 Up1 in Venezuela Venezuela Equal
Innovation award
Innovation award
Nominee: 2x

Winner: 1x

Details
class
-----------
mngTable

Methods
-----------
.table()
.field()
.nrows()
.ncols()
.extractDataJSON()
.extractDataCELL(r as Integer,c as Integer)
.extractDataROW(r as Integer)
.extractDataCOL(c as Integer)
.putDataCELL(r as Integer,c as Integer,t as Text)
.putDataROW(r as Integer,data as Array)
.getIndexCELL(e as Event)
.findDataCELL(t as String,h as ClassName)
.getIndexROW(e as Event)
.hideROW(r as Integer)
.showROW(r as Integer)
.addROW(r as Integer, d as Array)
.deleteROW(r as Integer)
.getIndexCOL(e as Event)
.hideCOL(c as Integer)
.showCOL(c as Integer)
.addCOL(c as Integer)
.deleteCOL(c as Integer)
  Files folder image Files  
File Role Description
Plain text file classMngTable.js Class Main class
Plain text file classMngTable.min.js Class class min
HTML file doc.html Doc. documentation file in html
Plain text file index.html Example example
Plain text file readme.md Doc. readme

 Version Control Unique User Downloads Download Rankings  
 0%
Total:154
This week:1
All time:324
This week:7Up