Method createRow

handsontable/src/utils/ghostTable.ts:311–338

* Create table row element. * * @param {number} row Visual row index. * @returns {DocumentFragment} Returns created table row elements.

(row: number)

   * @returns {DocumentFragment} Returns created table row elements.
   */
  createRow(row: number) {
    const rootDocument = this.hot!.rootDocument;
    const fragment = rootDocument.createDocumentFragment();
    const th = rootDocument.createElement('th');

    if (this.hot!.hasRowHeaders()) {
      this.hot!.view.appendRowHeader(row, th);

      fragment.appendChild(th);
    }

    this.samples!.forEach((sample: SampleEntry) => {
      arrayEach(sample.strings, (string: SampleString) => {
        const column = string.col!;
        const cellProperties = this.hot!.getCellMeta<CellProperties>(row, column);
        const renderer = this.hot!.getCellRenderer(cellProperties);
        const td = rootDocument.createElement('td');

        // Indicate that this element is created and supported by GhostTable. It can be useful to
        // exclude rendering performance costly logic or exclude logic which doesn't work within a hidden table.
        td.setAttribute('ghost-table', '1');
        renderer(this.hot!, td, row, column, this.hot!.colToProp(column), string.value, cellProperties);
        fragment.appendChild(td);
      });
    });

    return fragment;
  }

  /**
   * Creates DOM elements for headers and appends them to the THEAD element of the table.