CSS/Javascript强制html表行在一行

table {
  display: flex;
  flex-wrap: nowrap;
}

table tr {
  display: flex;
  flex-wrap: nowrap;
}

table td {
  flex-shrink: 0;
}

const style = document.createElement('style');
style.innerHTML = `
  table {
    display: flex;
    flex-wrap: nowrap;
  }

  table tr {
    display: flex;
    flex-wrap: nowrap;
  }

  table td {
    flex-shrink: 0;
  }
`;
document.head.appendChild(style);

  <tr>
    <td>Cell 1</td>
    <td>Cell 2</td>
    <td>Cell 3</td>
  </tr>
  <tr>
    <td>Cell 4</td>
    <td>Cell 5</td>
    <td>Cell 6</td>
  </tr>
</table>