< table id ="from-table " class ="table table-bordered table-hover ">
< thead >
< tr >
< th > head 1</ th >
< th > head 2</ th >
< th > head 3</ th >
< th > head 4</ th >
< th > head 5</ th >
</ tr >
</ thead >
< tbody >
< tr >
< td > value</ td >
< td colspan ="2 " class ="warning colspan "> value</ td >
< td > value</ td >
< td > value</ td >
</ tr >
< tr >
< td > value</ td >
< td > value</ td >
< td > value</ td >
< td > value</ td >
< td > value</ td >
</ tr >
</ tbody >
</ table >
jQuery ( document ) . ready ( function ( $ ) {
$ ( '#from-table' ) . tableEdid ( ) ;
} ) ;
< textarea id ="from-textarea " class ="hidden ">
[
[ {"val":"head 1"}, {"val":"head 2"}, {"val":"head 3"}, {"val":"head 4"}, {"val":"head 5","settings":{"class":"danger"}} ],
[ {"val":"value"}, {"val":"value"}, {"val":"value"}, {"val":"value"}, {"val":"value","settings":{"class":"warning"}} ],
[ {"val":"value"}, {"val":"value"}, {"val":"value"}, {"val":"value"}, {"val":"value","settings":{"class":"warning"}} ],
[ {"val":"value"}, {"val":"value"}, {"val":"value"}, {"val":"value"}, {"val":"value","settings":{"class":"warning"}} ],
[ {"val":"value"}, {"val":"value"}, {"val":"value"}, {"val":"value"}, {"val":"value","settings":{"class":"warning"}} ],
[ {"val":"value"}, {"val":"value"}, {"val":"value"}, {"val":"value"}, {"val":"value","settings":{"class":"warning"}} ]
]
</ textarea >
jQuery ( document ) . ready ( function ( $ ) {
$ ( '#from-textarea' ) . tableEdid ( ) ;
} ) ;
From Array or Json (TBody section only)
var Table = [
[ { "val" :"value" } , { "val" :"value" } , { "val" :"value" } , { "val" :"value" } , { "val" :"value" } ] ,
[ { "val" :"value" } , { "val" :"value" } , { "val" :"value" } , { "val" :"value" } , { "val" :"value" } ] ,
[ { "val" :"value" } , { "val" :"value" } , { "val" :"value" } , { "val" :"value" } , { "val" :"value" } ] ,
[ { "val" :"value" } , { "val" :"value" } , { "val" :"value" } , { "val" :"value" } , { "val" :"value" } ] ,
[ { "val" :"value" } , { "val" :"value" } , { "val" :"value" } , { "val" :"value" } , { "val" :"value" } ]
] ;
Table . tableEdid ( ) ;
From Object (ALL Sections)
var Table = {
"theadArray" : [
[ { "val" :"head 1" } , { "val" :"head 2" } , { "val" :"head 3" } , { "val" :"head 4" } , { "val" :"head 5" } ]
] ,
"tbodyArray" : [
[ { "val" :"value" } , { "val" :"value" } , { "val" :"value" } , { "val" :"value" } , { "val" :"value" } ] ,
[ { "val" :"value" } , { "val" :"value" } , { "val" :"value" } , { "val" :"value" } , { "val" :"value" } ] ,
[ { "val" :"value" } , { "val" :"value" } , { "val" :"value" } , { "val" :"value" } , { "val" :"value" } ] ,
[ { "val" :"value" } , { "val" :"value" } , { "val" :"value" } , { "val" :"value" } , { "val" :"value" } ] ,
[ { "val" :"value" } , { "val" :"value" } , { "val" :"value" } , { "val" :"value" } , { "val" :"value" } ]
] ,
"tfootArray" : [
[ { "val" :"foot 1" } , { "val" :"foot 2" } , { "val" :"foot 3" } , { "val" :"foot 4" } , { "val" :"foot 5" } ]
]
} ;
Table . tableEdid ( ) ;