JSFiddle - React, Tailwind, and code Playground

by anilkamath87

HTML

<div id="container"> </div>

CSS

/* Copyright 2012-2013, Marc S. Brooks (http://mbrooks.info) */
table.tidy_table{background-color:#FFFFFF;border-collapse:collapse;border:1px solid #CCCCCC;cursor:pointer;white-space:nowrap}table.tidy_table thead{border:none}table.tidy_table tr.check_on{background-color:#F5F5F5}table.tidy_table tr.check_off{background-color:#FFFFFF}table.tidy_table th{background-color:#DDD}table.tidy_table th.sort_asc{background:#EEEEEE url( images/arrow_asc.gif ) no-repeat right center}table.tidy_table th.sort_desc{background:#EEEEEE url( images/arrow_desc.gif ) no-repeat right center}table.tidy_table th,table.tidy_table td{padding:6px 20px 6px 20px}table.tidy_table td{border-right:1px solid #EEEEEE;padding:7px 20px 7px 20px}table.tidy_table th:nth-child(1),table.tidy_table td:nth-child(1){width:10px}table.tidy_table td:nth-child(1){border-right:1px solid #EEEEEE}table.tidy_table input[type=checkbox],table.tidy_table input[type=checkbox]{display:block;margin:0px auto 0px auto}table.tidy_table td:nth-last-child(1){border-right:none}table.tidy_table td{border-top:1px solid #CCCCCC}

JavaScript

/* Copyright 2012-2013, Marc S. Brooks (http://mbrooks.info) */
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('(3($){2 w={"14":3(b,c){2 d={15:z,Q:z};4(R.D>1){$.1v(d,b)}7{c=b}5 8.G(3(){2 a=$(8),x=a.x();4($.1w(x)){a.x({16:a,A:d})}5 S(x,c)})},"1x":3(){5 8.G(3(){$(8).1y()})}};$.1z.17=3(a){4(w[a]){5 w[a].18(8,1A.1B.1C.1D(R,1))}7 4(H a===\'1E\'||!a){5 w.14.18(8,R)}7{$.1F(\'1G \'+a+\' 1H 1I 1J 1K 19.17\')}};3 S(e,f,g,h){2 l=$(\'<I></I>\').B(\'1a\');l.1L(3(){5 z});l.1M(3(){5 z});2 m=$(\'<1b></1b>\'),E=$(\'<E></E>\'),s=$(\'<F></F>\');2 n=f.1N;J(2 i=0;i<n.D;i++){2 o=n[i];2 p=$(\'<K></K>\').6(o).y(\'1c\',o);s.6(p);2 q;4(h==\'T\'||!h){q=\'1O\';p.U=\'1P\'}7{q=\'1Q\';p.U=\'T\'}4(g==i){p.B(q)}p.1d(\'V\',{1e:i,1f:p.U},3(a){1g(e,f,a.x.1e,a.x.1f)})}m.6(s);2 r=f.1h;J(2 j=0;j<r.D;j++){2 s=$(\'<F></F>\');J(2 k=0;k<r[j].D;k++){2 t=r[j][k];2 p=$(\'<L></L>\').6(t).y(\'1c\',t);s.6(p);4(f.9&&H f.9.1i===\'3\'){f.9.1i(p)}}E.6(s)}l.6(m);l.6(E);4(e.A&&e.A.15){2 u=l.W(\'F\');u.G(3(b){s=$(8);2 c=$(\'<X></X>\').y(\'1R\',\'1S\');2 d;4(b==0){d=$(\'<K></K>\');c.V(3(){Y(u)})}7{d=$(\'<L></L>\');c.1d(\'V\',{1j:b},3(a){Y(u,a.x.1j)})}d.6(c);s.1T(d)})}4(f.9&&H f.9.I===\'3\'){f.9.I(l)}2 v=e.16,Z=v.1k(\'I.1a\');4(Z[0]){Z.1U(l)}7{4(e.A&&e.A.Q){v.6(10(v,f,\'1V\'))}v.6(l);4(e.A&&e.A.Q){v.6(10(v,f,\'1W\'))}}5 l}3 10(c,d,e){2 f=d.1X;2 g=$(\'<1l></1l>\').B(\'1Y \'+e).1Z(3(){2 a=$(8);2 b=f[a.1m()][1][\'20\'];4(H b===\'3\'){b(1n(c))}a.1m(0)});$.G(f,3(a){2 b=$(\'<1o>\'+f[a][0]+\'</1o>\').y(\'21\',a);g.6(b)});4(d.9&&H d.9.1p===\'3\'){d.9.1p(g)}5 g}3 1n(a){2 b=a.W(\'E > F\'),11=[];J(2 i=0;i<b.D;i++){2 c=b[i].22;4(c[0].23.C){2 d=[];J(2 j=1;j<c.D;j++){d[j-1]=c[j].24}11.25(d)}}5 11}3 Y(d,e){2 f=1q;d.G(3(a){2 b=$(8);2...