Поддержка веб-компонента Tabulator Table - PullRequest
Новая
       32

Поддержка веб-компонента Tabulator Table

0 голосов
/ 31 января 2019

Я хотел бы использовать очень хорошую Табуляцию (http://tabulator.info/) таблица javascript в веб-компоненте.

Однако похоже, что основной экземпляр Tabulator может быть создан только с помощью html-селектора, например:

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

К сожалению, похоже, что #example-table не виден в shadowDom веб-компонентов: 

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", {...});
}

Есть ли другой способ создания таблицы Tabulator?

Любая помощь очень ценится.

1 Ответ

0 голосов
/ 31 января 2019

Конструктор Tabulator принимает селектор или узел DOM в элемент конструктора таблицы, то есть: 

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

, если у вас есть доступ к этому узлу, который ваш компонент должен предоставить вамВы можете передать это в конструктор

...