jSpreadsheet Plugin : Contextmenu rows advanced actions
ContextMenu rows advanced actions is a plugin for add new items in contextMenu of jSpreadsheet Pro for manage rows.
This plugin is Free
What is 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, such as Excel or Google Spreadsheet, 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.
Documentation
Dependencies
-
or
-
or
-
With default options of plugin, you should use Material Design icons.
<link href="https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp" rel="stylesheet">
Options of plugin
Option name | Description | Type | Default Value |
---|---|---|---|
icon_moveup |
Icon for "move up rows" | String |
arrow_upward |
icon_movedown |
Icon for "Move down rows" | String |
arrow_downward |
icon_duplicate |
Icon for "Duplicate rows" | String |
content_copy |
icon_deleteSelectedColumns |
Icon for "Delete selected columns" | String |
delete |
For translation
you can use jSuites dictionary for translate this plugin
Option name | Default Value |
---|---|
text_moveup |
Move up row(s) selected |
text_movedown |
Move down row(s) selected |
text_duplicate |
Duplicate row(s) selected |
Get started
Header on page
<script src="https://cdn.jsdelivr.net/npm/jspreadsheet/dist/index.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/jspreadsheet/dist/jspreadsheet.min.css" type="text/css" />
<script src="https://cdn.jsdelivr.net/npm/jsuites/dist/jsuites.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/jsuites/dist/jsuites.min.css" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp" rel="stylesheet">
<script src="/path/to/contextmenu_rowAdvancedActions.min.js"></script>
Initialize plugin on jSpreadsheet
jspreadsheet(document.getElementById('spreadsheet'), {
...
plugins: [
...
{ name:'rowsAdvancedAction', plugin:jss_contextmenu_rowAdvancedActions},
...
],
...
});
CDN
You can use this CDN link
<script src="https://cdn.jsdelivr.net/gh/GBonnaire/jspreadsheet-plugins-and-editors@latest/plugins/JSSV8/adist/contextmenu_rowsAdvancedActions.min.js"></script>
NPM
npm install @jspreadsheet/contextmenu_rowsadvancedactions
import jss_contextmenu_rowAdvancedActions from '@jspreadsheet/contextmenu_rowsadvancedactions';
Copyright and license
Copyright GBonnaire.fr and Code released under the MIT License