how to embed a spreadsheet in a HTML page?

Webix JS
1

Hi,

I’d like to embed a spreadsheet widget as a small part of a big(ger) page. Somethin like:


<div id=<b>"box"</b> style="with:600px;height:480px;"></div>
<script type="text/javascript">
&nbsp;&nbsp;webix.ready(function (){
&nbsp;&nbsp;webix.ui({
&nbsp;&nbsp;&nbsp;&nbsp;container: <b>"box"</b>,
&nbsp;&nbsp;&nbsp;&nbsp;view: "spreadsheet",
&nbsp;&nbsp;&nbsp;&nbsp;math: true,
&nbsp;&nbsp;&nbsp;&nbsp;liveEditor: true,
&nbsp;&nbsp;&nbsp;&nbsp;data: data
&nbsp;&nbsp;});
&nbsp;});
</script>

I found this for the barcode widget, but it does not work as intended :frowning:

How can I use a spreadsheet widget in a div container?

2

Hi,

As far as I can see, the container is smaller than the width of the SpreadSheet’s toolbar. Toolbar won’t adjust automatically, so there’re several ways:

  1. (preferable) reconfigure toolbar buttons: http://webix.com/snippet/2e9dc21b

  2. set size directly to the SpreadSheet - all overflowing buttons will be hidden automatically: http://webix.com/snippet/94b39000

  3. embed the spreadsheet into the scrollview or set the overflow:scroll to its container