1 Star 0 Fork 30

深圳市基克纳科技有限公司 / jExcel

forked from Gitee 极速下载 / jExcel 
加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
webcomponent-spreadsheet.md 1.67 KB
一键复制 编辑 原始数据 按行查看 历史
= 提交于 2021-02-14 18:22 . Jexcel has been renamed to Jspreadsheet

Javascript webcomponent online spreadsheet

Create a online javascript spreadsheet using Jspreadsheet CE.

(Jexcel v4)(https://bossanova.uk/jspreadsheet/v4)

Javascript

class Jspreadsheet extends HTMLElement {
    constructor() {
        super();
    }

    init(o) {
        // Shadow root
        const shadowRoot = this.attachShadow({mode: 'open'});

        // Style
        const css = document.createElement('link');
        css.rel = 'stylesheet';
        css.type = 'text/css'
        css.href = 'https://bossanova.uk/jspreadsheet/v4/jexcel.css';
        shadowRoot.appendChild(css);

        const css2 = document.createElement('link');
        css2.rel = 'stylesheet';
        css2.type = 'text/css'
        css2.href = 'https://jsuites.net/v4/jsuites.css';
        shadowRoot.appendChild(css2);

        // Jexcel container
        var container = document.createElement('div'); 
        shadowRoot.appendChild(container);

        // Create element
        this.el = jexcel(container, {
            root: shadowRoot,
            minDimensions: [10,10]
        });
    }

    connectedCallback() {
        this.init(this);
    }

    disconnectedCallback() {
    }

    attributeChangedCallback() {
    }
}

window.customElements.define('j-spreadsheet', Jspreadsheet);

HTML

<script type="text/javascript" src="https://bossanova.uk/jspreadsheet/v4/jexcel.js"></script>
<script type="text/javascript" src="https://bossanova.uk/jspreadsheet/v4/jexcel.webcomponent.js"></script>
<script type="text/javascript" src="https://jsuites.net/v3/jsuites.js"></script>

<j-spreadsheet></j-spreadsheet>

</html>
JavaScript
1
https://gitee.com/geekvape/jExcel.git
git@gitee.com:geekvape/jExcel.git
geekvape
jExcel
jExcel
master

搜索帮助