@jspreadsheet/autowidth

jspreadsheet Plugin : auto Width

The autoWidth plugin add possibility to set auto width of columns.

This plugin is Free

Features

• Auto width columns without width property or property:"auto" on initialization
• the min width is equiv to defaultColWidth
• can setWidth with "auto" value

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

if you have a lot a plugins, add on the top autoWidth

Options of plugin

Option name	Description	Type	Default Value
fullsizeTable	Calculate size column auto to use fullsize of screen	Boolean	false
parseAllData	Calculate size column auto with all data of columns (not only data showed)	Boolean	true

Get started

Header on page

<script src="https://jspreadsheet.com/v8/jspreadsheet.js"></script>
<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://jspreadsheet.com/v8/jspreadsheet.css" type="text/css" />

<script src="/path/to/autoWidth.min.js"></script>

Initialize plugin on jspreadsheet

jspreadsheet(document.getElementById('spreadsheet'), {
	...
	plugins: [
      ...
      { name:'autoWidth', plugin:jss_autoWidth},
      ...  
    ],
    ...
});

CDN

You can use this CDN link

<script src="https://cdn.jsdelivr.net/gh/GBonnaire/jspreadsheet-plugins-and-editors@latest/plugins/JSSV8/dist/autoWidth.min.js"></script>

NPM

npm install @jspreadsheet/autowidth

import jss_autoWidth from '@jspreadsheet/autowidth';

Copyright and license

Copyright GBonnaire.fr and Code released under the MIT License