Skip to main content Skip to footer

Spread.Sheets and JSFiddle

You can now test Spread.Sheets in JSFiddle with a special license key. Spread.Sheets can be used in browser applications that support HTML5. For more information about Spread.Sheets, refer to http://spread.grapecity.com/spreadjs/sheets/. The following example shows you how to add Spread.Sheets to a JSFiddle project. JSFiddle is located at https://jsfiddle.net/.

  1. Select External Resources to add the Spread.Sheets and any other references. SpreadSheetsJSFiddle1 Select External Resources
  2. Paste the reference in the text area to the left of the plus icon. Select the plus icon to add the reference. Repeat for each reference. SpreadSheetsJSFiddle2 Add References SpreadSheetsJSFiddle3 Added References

    
    https://cdn.grapecity.com/spreadjs/hosted/css/gc.spread.sheets.excel2016colorful.10.1.1.css  
    https://cdn.grapecity.com/spreadjs/hosted/scripts/gc.spread.sheets.all.10.1.1.min.js 
    
  3. Paste the Html tags for Spread in the HTML section.SpreadSheetsJSFiddle4

    <div id="ss" style="width: 600px; height: 550px; border: 1px solid gray"> 
    
  4. Add the license key and create a Spread object in the JavaScript section.SpreadSheetsJSFiddle5

    GC.Spread.Sheets.LicenseKey = "*.jshell.net,E289865195843899#A0WisSflNHbhZmOiI7ckJye0ICbuFkI1pjIEJCLi4TP7JHdMtiR6IDMt3yZH5maGlnUmVDdSF7cxEEUzAHVvdWWIpHd8R5cKNjaMt6MYpEdZVHVptmd7BTbr86YElkcnFUZT3iQHVDdxkGT4VmYn9WdhZlZmRkI0IyUiwyNyYDOxczM8QTM0IicfJye&Qf35VfiEzRwEkI0IyQiwiIwEjL6ByUKBCZhVmcwNlI0IiTis7W0ICZyBlIsISNxMTMyEDI8ETNwcTMwIjI0ICdyNkIsICdl9mLsxWZoNnauoiI0IyctRkIsISe4l6QlBXYydkI0ISYONkIsUWdyRnOiwmdFJCLikTO8MDN8UTOxUjN8kDOyIiqioW";  
    var spread = new GC.Spread.Sheets.Workbook(document.getElementById("ss"),{sheetCount:3});  
    var activeSheet = spread.getActiveSheet(); 
    
  5. Select Run. SpreadSheetsJSFiddle

That is all you need to do to use Spread.Sheets in JSFiddle. This sample is also available at: https://jsfiddle.net/xspg07f7/1/

MESCIUS inc.

comments powered by Disqus