JSFiddle - React, Tailwind, and code Playground

by aport71125

HTML

<?php
	// include Database connection file
	include("db_connection.php");

	// Design initial table header
	$data= '<table class="table table-bordered table-striped table-hover table-responsive">
	<tr style="background-color:#CCFFFF">
	<th rowspan="2" class="text-center text-danger" style="vertical-align: middle;">No.</th>
	<th rowspan="2" class="col-md-1 text-center text-danger" style="vertical-align: middle;font-size:100%">Date Received from Denki</th>
	<th rowspan="2" class="text-center text-info" style="vertical-align: middle;font-size:100%">Folder</th>
	<th rowspan="2" class="col-md-1 text-center text-info" style="vertical-align: middle;font-size:100%">Plan Code</th>
	<th rowspan="2" class="text-center text-info" style="vertical-align: middle;">Rev. #</th>
	<th rowspan="2" class="text-center text-info" style="vertical-align: middle;font-size:100%;">Plan Type</th>
	</tr>';

	$query = "SELECT * FROM tbl_naisou ORDER BY id DESC";

	if (!$result = mysqli_query($con, $query)) {
        exit(mysqli_error($con));
    }

    // if query results contains rows then fetch those rows
    if(mysqli_num_rows($result) > 0)
    {
    	$number = 1;
    	while($row = mysqli_fetch_assoc($result))
    	{
    		$data .= '<tr>
				<td style="vertical-align: middle; text-align: center; font-size:100%">'.$number.'</td>
				<td style="vertical-align: middle; text-align: center; font-size:100%">'.$row['Denki_Received'].'</td>
				<td style="vertical-align: middle; text-align: center;font-size:100%">'.$row['Folder'].'</td>
				<td style="vertical-align: middle; text-align: center;font-size:100%">'.$row['Plan_Code'].'</td>
				<td style="vertical-align: middle; text-align: center;font-size:100%">'.$row['Revision_No'].'</td>
				<td style="vertical-align: middle; text-align: center;font-size:100%">'.$row['Plan_Type'].'</td>

				<td align="center">
					<button onclick="GetUserDetails('.$row['id'].')" class="btn btn-warning glyphicon glyphicon-edit"></button>
				</td>

				<td...