Method createElements

handsontable/src/tableView.ts:286–325

* Prepares DOMElements and adds correct className to the root element. * * @private

()

   * @private
   */
  createElements() {
    const { rootElement, rootDocument } = this.hot;
    const originalStyle = rootElement.getAttribute('style');

    if (originalStyle) {
      rootElement.dataset.originalstyle = originalStyle; // needed to retrieve original style in jsFiddle link generator in HT examples. may be removed in future versions
    }

    addClass(rootElement, 'handsontable');

    this.#table = rootDocument.createElement('table');
    addClass(this.#table, 'htCore');

    if (this.hot.getSettings().tableClassName) {
      addClass(this.#table, this.hot.getSettings().tableClassName!);
    }

    if (this.settings.ariaTags) {
      setAttribute(this.#table, [
        A11Y_PRESENTATION()
      ]);

      setAttribute(rootElement, [
        A11Y_TREEGRID(),
        A11Y_ROWCOUNT(-1),
        A11Y_COLCOUNT(this.hot.countCols()),
        A11Y_MULTISELECTABLE(),
      ]);
    }

    this.THEAD = rootDocument.createElement('thead');
    this.#table.appendChild(this.THEAD);

    this.TBODY = rootDocument.createElement('tbody');
    this.#table.appendChild(this.TBODY);

    this.hot.table = this.#table;

    this.hot.container.insertBefore(this.#table, this.hot.container.firstChild);
  }

  /**
   * Attaches necessary listeners.