JSFiddle - React, Tailwind, and code Playground

by incutonez

HTML

<link rel="stylesheet" href="http://cdn.sencha.com/ext/gpl/4.2.1/resources/css/ext-all.css">
<script src="http://cdn.sencha.com/ext/gpl/4.2.1/ext-all.js"></script>

JavaScript

Ext.onReady(function() {
  var data = [{
      one: 'hi', two: 'hello', three: 'guten tag'
  }, {
      one: 'hi', two: 'hello', three: 'guten tag'
  }, {
      one: 'hi', two: 'hello', three: 'guten tag'
  }, {
      one: 'hi', two: 'hello', three: 'guten tag'
  }, {
      one: 'hi', two: 'hello', three: 'guten tag'
  }, {
      one: 'hi', two: 'hello', three: 'guten tag'
  }, {
      one: 'hi', two: 'hello', three: 'guten tag'
  }, {
      one: 'hi', two: 'hello', three: 'guten tag'
  }, {
      one: 'hi', two: 'hello', three: 'guten tag'
  }, {
      one: 'hi', two: 'hello', three: 'guten tag'
  }, {
      one: 'hi', two: 'hello', three: 'guten tag'
  }, {
      one: 'hi', two: 'hello', three: 'guten tag'
  }, {
      one: 'hi', two: 'hello', three: 'guten tag'
  }, {
      one: 'hi', two: 'hello', three: 'guten tag'
  }, {
      one: 'hi', two: 'hello', three: 'guten tag'
  }, {
      one: 'hi', two: 'hello', three: 'guten tag'
  }, {
      one: 'hi', two: 'hello', three: 'guten tag'
  }, {
      one: 'hi', two: 'hello', three: 'guten tag'
  }, {
      one: 'hi', two: 'hello', three: 'guten tag'
  }, {
      one: 'hi', two: 'hello', three: 'guten tag'
  }, {
      one: 'hi', two: 'hello', three: 'guten tag'
  }, {
      one: 'hi', two: 'hello', three: 'guten tag'
  }, {
      one: 'hi', two: 'hello', three: 'guten tag'
  }, {
      one: 'hi', two: 'hello', three: 'guten tag'
  }, {
      one: 'hi', two: 'hello', three: 'guten tag'
  }, {
      one: 'hi', two: 'hello', three: 'guten tag'
  }, {
      one: 'hi', two: 'hello', three: 'guten tag'
  }, {
      one: 'hi', two: 'hello', three: 'guten tag'
  }, {
      one: 'hi', two: 'hello', three: 'guten tag'
  }, {
      one: 'hi', two: 'hello', three: 'guten tag'
  }, {
      one: 'hi', two: 'hello', three: 'guten tag'
  }, {
      one: 'hi', two: 'hello', three: 'guten tag'
  }, {
      one: 'hi', two: 'hello', three: 'guten tag'
  }, {
      one: 'hi', two: 'hello', three: 'guten tag'
  }, {
      one: 'hi',...