JSFiddle - React, Tailwind, and code Playground

HTML

<div style="display: inline-block; padding: 10px 0px; width: 100%;" class="tableContainer">
        <div id="usertable_wrapper" class="dataTables_wrapper" role="grid"><div class="fg-toolbar ui-toolbar ui-widget-header ui-corner-tl ui-corner-tr ui-helper-clearfix"><div id="usertable_length" class="dataTables_length"><label>Show <select size="1" name="usertable_length" aria-controls="usertable"><option value="5">5</option><option value="10">10</option><option value="25" selected="selected">25</option><option value="50">50</option><option value="100">100</option><option value="-1">All</option></select> entries </label>
        <div style="display: inline-block; position:relative; left: 200px; margin:0px; padding:0px;">
            <button style="border: 0; margin:0px; background: transparent" type="submit" id="toolbar_add" value="Add" title="Add" onclick="AddUserDialog();">
            <img src="../images/groupAddUser.jpg" alt="submit" align="top" vspace="-10">
        </button>
            
            <button style="border: 0px; margin: 0px; background-color: transparent; opacity: 0.1; " type="submit" id="toolbar_remove" value="Remove" title="Remove" onclick="RemoveSelectedUsers();" disabled="disabled">
            <img src="../images/groupDeleteUser.jpg" alt="submit" align="top" vspace="-10">
        </button>
            
            <button style="border: 0px; margin: 0px; background-color: transparent; opacity: 1; " type="submit" id="toolbar_edit" value="Edit" title="Edit" onclick="EditSelectedUser();">
            <img src="../images/edit.png" alt="submit" align="top" vspace="-10">
        </button>
            
            <button style="border: 0px; margin: 0px; background-color: transparent; opacity: 1; " type="submit" id="toolbar_delete" value="Delete" title="Delete" onclick="DeleteSelectedUsers();">
            <img src="../images/delete.png" alt="submit" align="top" vspace="-10">
        </button>
        </div>
    </div><div class="dataTables_filter"...

CSS

.tableViewer {padding: 0; margin: 0; border-spacing: 0px; border-bottom: none;  -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 0px;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: -moz-none;
            -ms-user-select: none;
            -o-user-select: none;
            user-select: none;
   /* background-color: #444;
    border: 1px solid #CCC;*/
}
.tableViewer tbody tr td {
    max-width:220px !important;
    overflow:hidden;
    text-overflow: ellipsis;
     color: #000000;
    font-size: 12px;
    margin: 0 0 0 20px;
    padding: 5px 5px 5px 10px;
    border-left: 1px solid #fff;
    border-right: 1px solid #ccc;
    /*border-bottom:  1px solid #D8D8D8; */
     -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}