JSFiddle - React, Tailwind, and code Playground

HTML

<div id="ContentPlaceHolder1_UpdatePanel1">

     <div>
		<table class="gridview" rules="all" Top="0%" id="ContentPlaceHolder1_GWCase" style="color:Black;background-color:#CCCCCC;border-color:#999999;border-width:3px;border-style:Solid;height:196px;">
			<tr style="color:White;background-color:Black;font-weight:bold;">
				<th scope="col">&nbsp;</th><th scope="col">memberreportid</th><th scope="col">typeofcrime</th><th scope="col">location</th><th scope="col">crdatetime</th><th scope="col">citizenreport</th>
			</tr><tr style="background-color:White;">
				<td><a href="javascript:__doPostBack(&#39;ctl00$ContentPlaceHolder1$GWCase&#39;,&#39;Select$0&#39;)" style="color:Black;">Select</a></td><td>1009</td><td>Theft</td><td>Tampines</td><td>6/1/2009 1:45:30 PM</td><td>Bicycle theft at tampines</td>
			</tr><tr style="background-color:White;">
				<td><a href="javascript:__doPostBack(&#39;ctl00$ContentPlaceHolder1$GWCase&#39;,&#39;Select$1&#39;)" style="color:Black;">Select</a></td><td>1010</td><td>Robbery</td><td>Ang Mo Kio</td><td>6/1/2009 1:45:30 PM</td><td>A lady got robbed at ang mo kio</td>
			</tr><tr style="background-color:White;">
				<td><a href="javascript:__doPostBack(&#39;ctl00$ContentPlaceHolder1$GWCase&#39;,&#39;Select$2&#39;)" style="color:Black;">Select</a></td><td>1012</td><td>Gang</td><td>Serangoon</td><td>6/5/2013 11:45:16 AM</td><td>gang fight at serangoon</td>
			</tr><tr style="background-color:White;">
				<td><a href="javascript:__doPostBack(&#39;ctl00$ContentPlaceHolder1$GWCase&#39;,&#39;Select$3&#39;)" style="color:Black;">Select</a></td><td>1016</td><td>Loan Shark</td><td>sdfsdf</td><td>6/27/2013 4:39:06...

CSS

.gridview {
    width: 100%; 
    word-wrap:break-word;
    table-layout: fixed;
}