JSFiddle - React, Tailwind, and code Playground

by basti1012

HTML

<table id="meine_tabelle">
				<thead>
					<tr >
						<th class="col1" id="rang"><div>Rang</div></th>
						<th class="col2 flag" id="penner"><div>Penner</div></th>
						<th class="col3 flag" id="bande"><div>Bande</div></th>
						<th class="col4 flag" id="stadtteil"><div>Stadtteil</div></th>
						<th class="col5 flag" id="punkte"><div>Punkte</div></th>
						<th class="col6 search" id="btn-search"><div>&nbsp;</div></th>
					</tr>
				</thead>
				<tbody>
					
					
						<tr class="trlink" href="http://sebastian1012.bplaced.net"class="odd">
							<td class="col1 neutral">1.</td>
			    			<td class="col2">ssssss</td>
			    			<td class="col3">dfghgf</td>
			    			<td class="col4">St.Pauli</td>
			    			<td class="col5" title="None">228,409 Millionen</td>
			    			<td class="col6">dddddd</td>
						</tr>
					
						<tr class="trlink" href="http://sebastian1012.bplaced.net/dreieckgenerator.html"class="even">
							<td class="col1 neutral">2.</td>
			    			<td class="col2">ffffff</td>
			    			<td class="col3">fewfweferwf</td>
			    			<td class="col4">St.Pauli</td>
			    			<td class="col5" title="None">118,026 Millionen</td>
			    			<td class="col6"> </td>
						</tr>
            </tbody></table>

CSS

table{
  border:1px solid black;
}
td,th{
  border:1px solid black;
}
 .trlink:hover{
  background:green;
}

JavaScript

$("#meine_tabelle .trlink").css("cursor","pointer");
      $("#meine_tabelle .trlink").click(function(){
            var link = $(this).attr("href");
            alert(link)
open(link)
      });