JSFiddle - React, Tailwind, and code Playground

by ason5861_cs

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.2.1/themes/default/style.min.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.2.1/jstree.min.js"></script>

<style>
  label {
    display: inline-block;
    width: 5em;
  }


  #category {
    font-size: 7px;
  }
  
  #open {
   display: inline-block;
      text-decoration: none;
  }

</style>
<br>

 <?php 

 
// $sql = 'select * from filing_code_management where id=679';
// $arr_sql = db_conn_select($sql);
// foreach ($arr_sql as $rs_sql) {
// $folder_location = $rs_sql['folder_location'];
// }



   $folderData = mysqli_query($mysql_con,"SELECT * FROM filing_code_management");
	// $arr_sql5 = db_conn_select($folderData);
	// foreach ($arr_sql5 as $rs_sql5) {
    // $active = $rs_sql5['status'];
// }


   $folders_arr = array();
   while($row = mysqli_fetch_assoc($folderData)){
      $parentid = $row['parentid'];
	  $siri_pindaan = $row['siri_pindaan'];
	  $effective_date = $row['effective_date'];
	  if($siri_pindaan != NULL){
		  $siri_pindaan_edit = "(NO.PINDAAN $siri_pindaan TARIKH BERKUATKUASA $effective_date )";
	  }
	  
	  // echo $siri_pindaan;
      if($parentid == '0') $parentid = "#";

      $selected = false;$opened = false;
      if($row['id'] == 2){
         $selected = true;$opened = true;
      }
      $folders_arr[] = array(
	
         "id" => $row['id'],
         "parent" => $parentid,
         "text" => $row['name'] . ' ' . "<span id='category'>". $row['category']."</span>" .' '. "<span id='open'>".$row['filing_code_refer']."</span>" .''. "<span id='open'>".$row['filing_code_link']."</span>" .''. "<span id='open'>".$row['description_update']."</span>".''. "<span id='open'>".$siri_pindaan_edit."</span>",
         "category" => $row['category'],
		 "filing_code_refer" => $row['filing_code_refer'],
		 // "status" => $row['status'], // status 0 is inactive, status 1...