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)