function createExpansionRow(mainRow, pageId) {
  let logsTable = $('message-logs-table');
  let expansionRow = logsTable.insertRow(mainRow.rowIndex + 1);
  expansionRow.setAttribute('class', 'expansion-row hide');
  expansionRow.setAttribute('id', 'expansion-row-' + pageId);
  window.logTableMap[pageId] = mainRow;

  let tdNode = document.createElement('td');
  tdNode.setAttribute('colspan', '4');
  expansionRow.appendChild(tdNode);

  let expansionTable = document.createElement('table');
  expansionTable.setAttribute('class', 'expansion-logs-table');
  tdNode.appendChild(expansionTable);

  // Insert row so that the table even/odd coloring remains the same.
  let hiddenRow = logsTable.insertRow(expansionRow.rowIndex + 1);
  hiddenRow.setAttribute('class', 'hide');
}
/**
 * Create an new row for expansion table below the |mainRow|.
 *
 * @param {!HTMLElement} mainRow The row with the most updated log event of the
 * group.
 * @param {number} pageId The ID associated with the group event.
 */
Create an new row for expansion table below the |mainRow|.
@param {!HTMLElement} mainRow The row with the most updated log event of the
group.
@param {number} pageId The ID associated with the group event.
Create an new row for expansion table below the |mainRow| . @param { !HTMLElement } mainRow The row with the most updated log event of the group . @param { number } pageId The ID associated with the group event .
function createExpansionRow(mainRow, pageId) {
  let logsTable = $('message-logs-table');
  let expansionRow = logsTable.insertRow(mainRow.rowIndex + 1);
  expansionRow.setAttribute('class', 'expansion-row hide');
  expansionRow.setAttribute('id', 'expansion-row-' + pageId);
  window.logTableMap[pageId] = mainRow;
  let tdNode = document.createElement('td');
  tdNode.setAttribute('colspan', '4');
  expansionRow.appendChild(tdNode);
  let expansionTable = document.createElement('table');
  expansionTable.setAttribute('class', 'expansion-logs-table');
  tdNode.appendChild(expansionTable);
  let hiddenRow = logsTable.insertRow(expansionRow.rowIndex + 1);
  hiddenRow.setAttribute('class', 'hide');
}
function createExpansionRow ( mainRow , pageId ) { let logsTable = $ ( 'message-logs-table' ) ; let expansionRow = logsTable . insertRow ( mainRow . rowIndex + 1 ) ; expansionRow . setAttribute ( 'class' , 'expansion-row hide' ) ; expansionRow . setAttribute ( 'id' , 'expansion-row-' + pageId ) ; window . logTableMap [ pageId ] = mainRow ; let tdNode = document . createElement ( 'td' ) ; tdNode . setAttribute ( 'colspan' , '4' ) ; expansionRow . appendChild ( tdNode ) ; let expansionTable = document . createElement ( 'table' ) ; expansionTable . setAttribute ( 'class' , 'expansion-logs-table' ) ; tdNode . appendChild ( expansionTable ) ; let hiddenRow = logsTable . insertRow ( expansionRow . rowIndex + 1 ) ; hiddenRow . setAttribute ( 'class' , 'hide' ) ; }
Create an new row for expansion table below the |mainRow|.
Create an new row for expansion table below the |mainRow| .
// Insert row so that the table even/odd coloring remains the same.