JSFiddle - React, Tailwind, and code Playground

HTML

<div id="myDiv" style="overflow: auto">
  <table style="table-layout: fixed; width: 100%">
    <thead>
      <tr>
        <td style="width: 100px">aaa</td>
        <td style="width: 1000px">bbbaaaasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfj;alskjdf;laskjdf;alskjd;flaksjd;flakjsdl;fjkas;hafskdfyuasiodfhasldkfjhaisudyfaiosudyfaisdfhlkasdfioauysdofiausdofihasdfjaslkdfjh</td>
      </tr>
    </thead>
  </table>
</div>

JavaScript

var myDiv = document.getElementById("myDiv");

setTimeout(function() {
   myDiv.scrollLeft = myDiv.scrollWidth;
}, 500);