JSFiddle - React, Tailwind, and code Playground

by juErik

HTML

<link rel="stylesheet" href="http://www.jeasyui.com/easyui/themes/default/easyui.css">
<script src="http://www.jeasyui.com/easyui/jquery.min.js"></script>
<script src="http://www.jeasyui.com/easyui/jquery.easyui.min.js"></script>
<table id="files">

JavaScript

$('#files').treegrid({
    method:'get',
    idField:'id',
    treeField:'tsid',
    columns:[[
      {field:'_CK',width:50,checkbox:true},
      {field:'tsid',title:'File ID',width:130,fixed:true,sortable:true,order:'asc'},
      {field:'fname',title:'Filename',width:250,fixed:true,sortable:true,order:'asc'},
      {field:'appid',title:'App ID',width:150,fixed:true,sortable:true,order:'asc'},
      {field:'description',title:'Description',width:200}     
    ]],

    data:[
     {
      "id": "vwltsa",
      "tsid": "vwltsa",
      "text": "vwltsa",
      "children": [
       {
        "id": "1441119159753.pdf",
        "tsid": "1441119159753.pdf",
        "fname": "1240-00.pdf",
        "description": "Test",
        "appid": "vwltsa^sa_jobman",
       },
       {
        "id": "1440992190931.pdf",
        "tsid": "1440992190931.pdf",
        "fname": "31082015043906.pdf",
        "description": "drawing",
        "appid": "vwltsa^sa_jobman",
       },
       ]
     },
     {
      "id": "dqm",
      "tsid": "dqm",
      "text": "dqm",
      "children": [
       {
        "id": "1441174846837.gif",
        "tsid": "1441174846837.gif",
        "fname": "dimension.gif",
        "description": "Image",
        "appid": "dqm^coc_man",
       },
       {
        "id": "qp_ncr",
        "tsid": "qp_ncr",
        "text": "qp_ncr",
        "children": [
         {
          "id": "1440999131386.gif",
          "tsid": "1440999131386.gif",
          "fname": "image001.gif",
          "description": "Test",
          "appid": "dqm^qp_ncr^qp_ncr_create",
         }
        ]
       },
       {
        "id": "cpar",
        "tsid": "cpar",
        "text": "cpar",
        "children": [
         {
          "id": "1440999769215.jpg",
          "tsid": "1440999769215.jpg",
          "fname": "image003.jpg",
          "description": "Test PAC",
          "appid": "dqm^cpar^cpar_man",
         }
        ]
       }
      ]
     }
    ]
  })