JSFiddle - React, Tailwind, and code Playground
by Pasit R
HTML
<div id="account-user-list" class="cpac-grid">
<form action="/UserAccount/Account/SearchUsers/?cid=SL1-1JHV1-1&paging.PageSize=10" class="form" id="account-user-list-form" method="get">
<input id="account-user-list-sort-orderby" name="Paging.OrderBy" type="hidden" value=""/>
<input data-val="true" id="account-user-list-sort-descending" name="Paging.Reverse" type="hidden" value="False"/>
<div class="component">
<div class="inner-shadow">
<div id="account-user-list-scroll-viewport" class="scroll-viewport">
<table class="normal container" id="account-user-list-gridbody">
<tbody>
<tr style="cursor: pointer;">
<td data-col-key="Name">
<div class="cell-container">David Pare</div>
</td>
<td data-col-key="UserID">
<div class="cell-container ">[email protected]</div>
</td>
<td data-col-key="pluginOpt">
<div class="btn-group pull-right">
<div id="container-useraccount-UserProfile" class="" style="height:auto">
<div style="float:auto">
<a id="useraccount-useraccount-UserProfile-uuid|SL1-330MTPL-linkpoup" href="/UserAccount/Home/Content/UserSummary?uuid=SL1-330MTPL" data-row-key="uuid|SL1-330MTPL">
<span class="icon-info-sign icon-white pull-right"></span></a>
</div>
</div>
</div>
</td>
</tr>
...