@jspreadsheet/contextmenu_rowsadvancedactions

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.

• Download jSpreadsheet Pro

Documentation

Dependencies

• jSpreadsheet Pro v8

• or

• jSpreadsheet Pro v9

• or

• jSpreadsheet Pro v10

• 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