JSFiddle - React, Tailwind, and code Playground

by Cath_kb

HTML

<section>
   <table data-slate-object="block" data-key="424" width="1364">
      <tbody>
         <span data-slate-object="block" data-key="426" class="crFix"><span data-slate-object="text" data-key="427"><span data-slate-leaf="true" data-offset-key="427:0"><span data-slate-string="true">
         </span></span></span></span>
         <tr data-slate-object="block" data-key="428">
            <td data-slate-object="block" data-key="429" height="20" width="28"><span data-slate-object="text" data-key="430"><span data-slate-leaf="true" data-offset-key="430:0"><span data-slate-zero-width="n" data-slate-length="0"><br></span></span></span></td>
            <td data-slate-object="block" data-key="431" height="20" width="168" align="left">
               <span data-slate-object="block" data-key="432" class="span">
                  <div data-slate-void="true" data-key="433">
                     <div data-slate-spacer="true" style="height: 0px; color: transparent; outline: none; position: absolute;"><span data-slate-object="text" data-key="434"><span data-slate-leaf="true" data-offset-key="434:0"><span data-slate-zero-width="z" data-slate-length="0"></span></span></span></div>
                     <div contenteditable="false"><img alt="" data-slate-object="block" data-key="433" width="188" height="58'"...

CSS

section {
    overflow-x: auto;
    padding-bottom: 1px;
}
table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}
table td, table th {
    border: 1px solid black;
    padding: 5px 8px;
  word-break: initial;
}
.crFix {
    width: 0;
    height: 0;
    overflow: hidden;
    position: absolute;
}