Skip to main content Skip to footer

Spread.Sheets and JS Bin

You can now test Spread.Sheets in JS Bin 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 JS Bin project. JS Bin is located at jsbin.com.

  1. Add references to Spread.Sheets in the HTML window. You can also add references to any other libraries.
  2. Add the Spread tag to the HTML window. spreadsheetsbin1 References

    <!DOCTYPE html>  
    <html>  
    <head>  
    <meta charset="utf-8">  
    <meta name="viewport" content="width=device-width">  
    <title>JS Bin</title>  
    </head>  
    <body>  
    <script src="https://code.jquery.com/jquery-2.1.4.js"></script>  
    <link href="https://cdn.grapecity.com/spreadjs/hosted/css/gc.spread.sheets.excel2016colorful.10.0.0.css" rel="stylesheet" type="text/css"/>  
    <script type="text/javascript" src="https://cdn.grapecity.com/spreadjs/hosted/scripts/gc.spread.sheets.all.10.0.0.min.js"></script>  
    <div id="ss" style="width:80%;height:500px;border:1px solid gray"></div>  
    </body>  
    </html> 
    
  3. Add the Spread.Sheets license to the JavaScript window. Then add code to create the Spread object. spreadsheetsbin2 Spread License

    GC.Spread.Sheets.LicenseKey = "E612148219772179#A04NZkTMygDNxITM6IiOiQWSisnOiQkIsISP3EUOCpVRpFGVQple9cmS7ZnYNh7SBpURvYWeHVEaBdmcstWM5wmQxIHeQ5kdHNlZSN6NDB5L4dTVIlmRGhTczA7ai9Gqd7NDNjMyhVSu34UOpGT7V5RiojITJCLxEzMyEDOyUTO0IicfJye#4Xfd5nIxcEMBJiOiMkIsICMx8idgMlSgQWYlJHcTJiOi8kI1tlOiQmcQJCLiETM5UDNwASMyMDM7EDMyIiOiQncDJCLiQXZu9SZsRGZpZ6cqxSbvNmLulmYzpmI0IycRkIsIyZuFWWggXZsFkI0ISYONkIsUWdyRnOiwmdFJCLikXNZI";  
    var spread = new GC.Spread.Sheets.Workbook(document.getElementById("ss"),{sheetCount:3});  
    var activeSheet = spread.getActiveSheet(); 
    

That is all you have to do to use Spread.Sheets in JS Bin. SpreadSheetsBinV10

MESCIUS inc.

comments powered by Disqus