Jspreadsheet Plugins
About Jspreadsheet
Jspreadsheet, a lightweight Vanilla JavaScript plugin, can help you create exceptional web-based interactive tables and spreadsheets. Compatible with most widely-used spreadsheet software, it offers users an unrivalled Excel-like user experience. It also works well with prominent modern frameworks and flexibly utilizes a large collection of events, extensions and configurations to meet different application requirements. Impress your clients with a better user experience and a great dynamic interactive data management tool. The jspreadsheet extensions can be used to enhance the native capabilities.
Visit the jspreadsheet spreadsheet website for more information.
plugin-spreadsheet-properties
A plugin to edit the jspreadsheet worksheets properties on the fly.
Spreadsheet Properties
This plugin includes a properties option on the context menu. Once it is selected by the user, a modal with some basic spreadsheet configuration will be presented for real time table configuration.
The spreadsheet properties that can be changed using this plugin:
- Allow drag and drop rows or columns
- Allow resize rows or columns
- Allow insert new rows or columns
- Allow delete rows or columns
- Allow rename column headers
- Allow comments on cells
- Allow export the CSV file
- Allow column sorting
- Enable the toolbar
- Enable the column filters
- Define the default column alignment
- Define the default column width
Author
This is an official Jspreadsheet Plugin.License
This plugin a free MIT plugin.Example
A following working example can be found here
<html>
<script src="https://jspreadsheet.com/v7/jspreadsheet.js"></script>
<link rel="stylesheet" href="https://jspreadsheet.com/v7/jspreadsheet.css" type="text/css" />
<script src="https://jsuites.net/v4/jsuites.js"></script>
<link rel="stylesheet" href="https://jsuites.net/v4/jsuites.css" type="text/css" />
<link rel="stylesheet" href="https://jsuites.net/v4/jsuites.layout.css" type="text/css" />
<script src="https://jspreadsheet.com/v7/plugins/properties.js"></script>
<div id="spreadsheet"></div>
<script>
jexcel(document.getElementById('spreadsheet'), {
minDimension: [10,10],
license: 'view['license']; ?>',
allowComments: false,
plugins: [{
plugin: properties,
name: 'properties'
}]
});
</script>
</html>