Javascript 对制表器表的Webcomponent支持

我想在webcomponent中使用非常好的tablator（）javascript表

但是，看起来只能通过如下html选择器创建主制表器实例：

var table = new Tabulator("#example-table", {...});

不幸的是，

#示例表

在网络组件的阴影中不可见：

class WcProjects extends HTMLElement {
    constructor() {
        super();
        // Attach a shadow root to the element.
        let shadowRoot = this.attachShadow({mode: 'open'});
        shadowRoot.innerHTML = `<div id="example-table"></div>`;
}
connectedCallback() {
    var table = new Tabulator("#example-table", {...});
}

class WcProjects扩展了HtmleElement{
构造函数（）{
超级（）；
//将阴影根附加到元素。
让shadowRoot=this.attachShadow（{mode:'open'}）；
shadowRoot.innerHTML=`；
}
connectedCallback（）{
var table=新制表器（“#示例表”，{…}）；
}

是否有其他实例化制表器表的方法

---

非常感谢您的帮助。

制表器构造函数在表的构造函数元素中接受选择器或DOM节点，即：

var tableHolder = document.createElement("div");
var table = new Tabulator(tableHolder , {...});

---

因此，只要您有权访问组件应该提供给您的节点，您就可以将其传递到构造函数中

欢迎使用stackoverflow！展示您自己尝试过的内容，以及遇到的问题。帮助社区帮助您完美地工作。我尝试过这一点，但代码中有一个小错误，并记录了该功能。谢谢很多！它部分工作。制表器在某些地方使用document.body.appendChild（）。因此新创建的元素对阴影dom不可见。例如，选择编辑器不工作