packages/cf-tables/src/TableSortable.js
function updateTableDom() {
  const tableBody = this.ui.tableBody;

  /* Empty the table body to prepare for sorting the rows
     TODO: It might make sense to use innerHTML
     from a performance and garbage collection standpoint. */
  while ( tableBody.lastChild ) {
    tableBody.removeChild( tableBody.lastChild );
  }

  const documentFragment = document.createDocumentFragment();
  for ( let i = 0; i < this.tableData.length; i++ ) {
    documentFragment.appendChild( this.tableData[i][1] );
  }

  tableBody.appendChild( documentFragment );
  this.trigger( 'table:updated' );

  return tableBody;
}
function updateTableDom() {
  const tableBody = this.ui.tableBody;

  /* Empty the table body to prepare for sorting the rows
     TODO: It might make sense to use innerHTML
     from a performance and garbage collection standpoint. */
  while ( tableBody.lastChild ) {
    tableBody.removeChild( tableBody.lastChild );
  }

  const documentFragment = document.createDocumentFragment();
  for ( let i = 0; i < this.tableData.length; i++ ) {
    documentFragment.appendChild( this.tableData[i][1] );
  }

  tableBody.appendChild( documentFragment );
  this.trigger( 'table:updated' );

  return tableBody;
}
function updateTableDom ( ) { const tableBody = this . ui . tableBody ; /* Empty the table body to prepare for sorting the rows
     TODO: It might make sense to use innerHTML
     from a performance and garbage collection standpoint. */ while ( tableBody . lastChild ) { tableBody . removeChild ( tableBody . lastChild ) ; } const documentFragment = document . createDocumentFragment ( ) ; for ( let i = 0 ; i < this . tableData . length ; i ++ ) { documentFragment . appendChild ( this . tableData [ i ] [ 1 ] ) ; } tableBody . appendChild ( documentFragment ) ; this . trigger ( 'table:updated' ) ; return tableBody ; }
Function used to update the table DOM.
@returns {HTMLNode} The table's <tbody> element.
Function used to update the table DOM .