# jQuery.sheet - The Web Based Spreadsheet, Examples and Documentation

## Structures

HTML | XML | JSON

<TABLE title="">
<COLGROUP>
<COL width="" style="width: ;"/>
</COLGROUP>
<TBODY>
<TR >
<TD class="Classes used for styling."></TD>
</TR>
</TBODY>
</TABLE>

<documents>
<document> //repeats
<metadata>
<columns>{Column_Count}</columns>
<rows>{Row_Count}</rows>
<title></title>
</metadata>
<data>
<r{Row_Index}> //repeats
<c{Column_Index} style="" width="0" cl="{Classes used for styling}"></c{Column_Index}> //repeats
</r{Row_Index}>
</data>
</document>
</documents>

[
{ //repeats
metadata: {
columns: Column_Count,
rows: Row_Count,
title: ''
},
data: {
r{Row_Index}: { //repeats
c{Column_Index}: { //repeats
value: '',
style: '',
width: 0,
cl: {Classes used for styling}
}
}
}
}
];

Export Methods | Import (makeTable) Methods

- jQuery().sheetInstance.export.html()
- jQuery().sheetInstance.export.xml()
- jQuery().sheetInstance.export.json()

- jQuery.sheet.makeTable.fromSize('10x100')
- jQuery.sheet.makeTable.xml()
- jQuery.sheet.makeTable.json()

Use these like this:
$(function() {
$('#div').sheet({
buildSheet: jQuery.sheet.makeTable.xml(myXmlVariable)
});
});

(*NOTE: jQuery.sheet.instance[instanceIndex] == jQuery().sheetInstance)