How to: embed a spreadsheet in a web page

There are two steps to embedding TREB into a web page. You need to include the main javascript file, and then you need to load the spreadsheet. To load the script file, add this tag to your document:

<script src='https://treb.app/treb/current/embedded-treb-bundle.js'></script>

The main script file is about 130KB gzipped, and less than 100KB compressed with brotli.
You can link to the script files on our site, or download the script files and host them on your own webserver.

The easiest way to add a spreadsheet is to just include a div tag with a data-treb attribute pointing to the file:

<div data-treb='https://treb.app/doc/iris.treb'></div>

If you add both of those to your web page, you should get this:


The script will set up everything. You can set some options when using the embed tag; see this page for details.

There is a default size for embedded spreadsheets, but if your containing element has a size (if you set it in your page style, for example), the spreadsheet will stay that size. Spreadsheets are resizable by default, but you can disable that.