tableToJSON
This one is a simple JS script that will help you to transform table
tag's on JSON objects.
Dependencies
jquery is necessary to work with the DOM.
Install
install with bower (or download it), bower install tableToJSON
and so just include the tableToJSON.min.js in your HTML page.
<script src="bin/tableToJSON.min.js" type="text/javascript"></script>
Use
Consider this table
:
<table>
<tr>
<th>Header 01</th>
<th>Header 02</th>
<th>Header 03</th>
<th>Header 04</th>
</tr>
<tr>
<td name="coluna01">valor 01</td>
<td name="coluna02">valor 02</td>
<td name="coluna03">valor 03</td>
<td name="coluna04">valor 04</td>
</tr>
<tr>
<td name="coluna01">valor 05</td>
<td name="coluna02">valor 06</td>
<td name="coluna03">valor 07</td>
<td name="coluna04">valor 08</td>
</tr>
<tr>
<td name="coluna01">valor 09</td>
<td name="coluna02">valor 10</td>
<td name="coluna03">valor 11</td>
<td name="coluna04">valor 12</td>
</tr>
<tr>
<td name="coluna01">valor 13</td>
<td name="coluna02">valor 14</td>
<td name="coluna03">valor 15</td>
<td name="coluna04">valor 16</td>
</tr>
</table>
And get yours <td>
with this simple js:
var data = tableToJSON("table");
The output should look like that:
"data":[
{"coluna01":"valor 01","coluna02":"valor 02","coluna03":"valor 03","coluna04":"valor 04"},
{"coluna01":"valor 05","coluna02":"valor 06","coluna03":"valor 07","coluna04":"valor 08"},
{"coluna01":"valor 09","coluna02":"valor 10","coluna03":"valor 11","coluna04":"valor 12"},
{"coluna01":"valor 13","coluna02":"valor 14","coluna03":"valor 15","coluna04":"valor 16"}
]
known issues
- Always use the tag
name
in yours<td>
. - The Header
<th>
is not parsed to JSON.
Authors
- Leandro Franciscato - Acess my git Page