close
Examples
Rotate text
How to rotate the cell text between -90 to 90 degrees.Documentation
Methods
Method | Description |
---|---|
rotate(mixed, value) | Rotate the spreadsheet cell text.rotate(cell: string|array, number: number) : void |
Initial Settings
The initial definition for a text rotation is using the property cells.Examples
How to rotate the cell text between -90 to 90 degrees.Source code
<script src="https://jspreadsheet.com/v9/jspreadsheet.js"></script> <script src="https://jsuites.net/v4/jsuites.js"></script> <link rel="stylesheet" href="https://jspreadsheet.com/v9/jspreadsheet.css" type="text/css" /> <link rel="stylesheet" href="https://jsuites.net/v4/jsuites.css" type="text/css" /> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Material+Icons" /> <div id="spreadsheet"></div> <p><input type="button" value="Rotate A1 (-90deg)" onclick="rotate(this)"></p> <script> var rotate = function(b) { worksheets[0].rotate('A1', -90); } // Set your JSS license key (The following key only works for one day) jspreadsheet.setLicense('OGNlYjNkYTc1Yzc4YzRkMzFlNTcxMmVjMmYyZDk3Zjc5ZTVhOTg0ZjNjZTAzY2IxZDNiMjk2ZmQwNzFjNTE3OGRmYTM1NGEyZjc3YTY1MTBhMjY1NWUzM2VlODg1ZDVkODliMjc0YWMyZGEzNDY2NWJiOWI2M2E5OTc1YWVhMDAsZXlKdVlXMWxJam9pU25Od2NtVmhaSE5vWldWMElpd2laR0YwWlNJNk1UWTJNREk0TWpJM01Dd2laRzl0WVdsdUlqcGJJbXB6Y0hKbFlXUnphR1ZsZEM1amIyMGlMQ0pqYjJSbGMyRnVaR0p2ZUM1cGJ5SXNJbXB6YUdWc2JDNXVaWFFpTENKamMySXVZWEJ3SWl3aWJHOWpZV3hvYjNOMElsMHNJbkJzWVc0aU9pSXpJaXdpYzJOdmNHVWlPbHNpZGpjaUxDSjJPQ0lzSW5ZNUlpd2lZMmhoY25Seklpd2labTl5YlhNaUxDSm1iM0p0ZFd4aElpd2ljR0Z5YzJWeUlpd2ljbVZ1WkdWeUlpd2lZMjl0YldWdWRITWlMQ0pwYlhCdmNuUWlMQ0ppWVhJaUxDSjJZV3hwWkdGMGFXOXVjeUlzSW5ObFlYSmphQ0pkTENKa1pXMXZJanAwY25WbGZRPT0='); // Create a new spreadsheet var worksheets = jspreadsheet(document.getElementById('spreadsheet'), { worksheets: [{ data: [ ['Mazda', 2001, 2000, 1], ['Pegeout', 2010, 5000, 1], ['Honda Fit', 2009, 3000, 1], ['Honda CRV', 2010, 6000, 0], ], columns: [{},{},{},{ type:'checkbox' }], cells: { A1: { rotate: 90, } }, }] }); </script> </html>