javascript - 如何在threejs Editor UI中添加自定义表格

Question

我从Github在编辑器项目中克隆了 threejs 我想从Grid.js添加一个表

这个编辑器从ui.js文件中创建 UI 元素，我不知道应该如何在那里添加一个自定义项。

我 createElementdiv并导入 Grid.js

 import {
    UISpan
} from './libs/ui.js';
import {
    Grid,
    html
} from "https://unpkg.com/gridjs?module";

function SidebarTable(editor) {
    var container = new UISpan();

    const grd = document.createElement('div');

    const tb = new gridjs.Grid({
        columns: ['Name', 'Email', 'Phone Number'],
        data: [
            ['John', '[e-mail]', '(353) 01 222 3333'],
            ['Mark', '[e-mail]', '(01) 22 888 4444']
        ]
    }).render(grd);



    container.setInnerHTML(grd.innerHTML);

    return container;

}

export {
    SidebarTable
};

当我添加它时，它损坏了样式并且无法加载数据：

我怎样才能解决这个问题？我也是 web 和 three.js 的初学者，如果能帮助我，我将不胜感激。

标签： javascripthtmlthree.jsgrid.jsthreejs-editor