JSFiddle - React, Tailwind, and code Playground

HTML

<div id="sidebar-wrapper">
  <ul class="sidebar-nav">
    <h4 class="sidebar-brand">Select Field Type</h4>
    <table>
    <tr>
      <td><li><a href="#" data-toggle="modal" data-target="#SingleLine_Modal">Single Line</a></li>
    <li><a href="#" data-toggle="modal" data-target="#PickList_Modal">Pick List</a></li>
    <li><a href="#" data-toggle="modal" data-target="#MultiSelect_Modal">Multi Select</a></li>
    <li><a href="#" data-toggle="modal" data-target="#MultiLine_Modal">Multi Line</a></li>
    <li><a href="#" data-toggle="modal" data-target="#Email_Modal">Email</a></li>
    <li><a href="#" data-toggle="modal" data-target="#Phone_Modal">Phone Number</a></li>
    <li><a href="#" data-toggle="modal" data-target="#Mobile_Modal">Mobile Number</a></li></td>
      <td><li><a href="#" data-toggle="modal" data-target="#Date_Modal">Date</a></li>
    <li><a href="#" data-toggle="modal" data-target="#Time_Modal">Time</a></li>
    <li><a href="#" data-toggle="modal" data-target="#DateTime_Modal">Date-Time</a></li>
    <li><a href="#" data-toggle="modal" data-target="#CheckBox_Modal">Checkbox</a></li>
    <li><a href="#" data-toggle="modal" data-target="#Radio_Modal">Radio</a></li>
    <li><a href="#" data-toggle="modal" data-target="#Decimal_Modal">Decimal</a></li>
    <li><a href="#" data-toggle="modal" data-target="#Number_Modal">Number</a></li>
    <li><a href="#" data-toggle="modal" data-target="#AutoNumber_Modal">Auto Number</a></li></td>
    </tr>
    </table>
    
    
    </ul>
</div>

CSS

ul {
  list-style: none;
}