JSFiddle - React, Tailwind, and code Playground

by Juan Muñoz

HTML

<div>
<table cellspacing="0" cellpadding="0" border="0" width="525" style="
    width: 91%;
">
    <tbody><tr>
      <td>
         <table border="1" style="width:500px;">
           <tbody><tr>
                <th>#</th>
                <th>RUT </th>
                <th>NOMBRE </th>
                <th>PERIODO </th>
                <th>CODIGO  </th>
                <th>VALOR   </th>
                <th></th>
           </tr>
         </tbody></table>
      </td>
    </tr>
    <tr>
      <td>
         <div style="width:525px;height:548px; overflow:auto;">
           <table cellspacing="0" cellpadding="1" border="1" style="width:500px">
               <tbody class="contenedor"><tr id="153" class="tr1"><td class="partedefila right">1  </td><td class="partedefila right">76452720-8  </td><td class="partedefila right">COMPAÑÍA CHILENA DE LA FRUTA S.A.  </td><td class="partedefila right">201603  </td><td class="partedefila right">585  </td><td class="partedefila right">3  </td>                        <td align="center" title="Eliminar" class="eliminar">
                            <img src="imagenes/delete2.png" width="15" height="15">
                        </td>                  
                        </tr><tr id="154" class="tr1"><td class="partedefila right">2  </td><td class="partedefila right">76452720-8  </td><td class="partedefila right">COMPAÑÍA CHILENA DE LA FRUTA S.A.  </td><td class="partedefila right">201603  </td><td class="partedefila right">503  </td><td class="partedefila right">5  </td>                        <td align="center" title="Eliminar" class="eliminar">
                            <img src="imagenes/delete2.png" width="15" height="15">
                        </td>                  
                        </tr><tr id="155" class="tr1"><td class="partedefila right">3  </td><td class="partedefila right">76452720-8  </td><td class="partedefila right">COMPAÑÍA CHILENA DE LA FRUTA S.A.  </td><td class="partedefila right">201603  </td><td...

CSS

div{
        width:525;
    }
    th{ 
        font-size: 12px;
        padding-top: 2px;
        padding-bottom: 2px;
        background-color: #4CAF50;
        color: white;
    }
    th:nth-child(2), td:nth-child(2){
      display:none;
    }

JavaScript

// ==UserScript==
// @name         SLITio by szymy
// @namespace    slitio.szymy
// @version      0.1.18
// @description  slither.io MOD
// @author       szymy
// @match        http://slither.io/*
// @updateURL    http://ogario.ovh/slitio/download/SLITio.user.js
// @run-at       document-body
// @grant        none
// ==/UserScript==

// Source: http://slitio.ogario.ovh

(function(w) {
    var modVersion = "v0.1.18",
        renderMode = 2, // 3 - normal, 2 - optimized, 1 - simple (mobile)
        normalMode = false,
        gameFPS = null,
        positionHUD = null,
        ipHUD = null,
		scoreHUD = null,
        fpsHUD = null,
        styleHUD = "color: #FFF; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 14px; position: fixed; opacity: 0.35; z-index: 7;",
        inpNick = null,
        currentIP = null,
        retry = 0,
        bgImage = null,
		rotate = false,
		highScore = 0;
    function init() {
        // Append DIVs
        appendDiv("position-hud", "nsi", styleHUD + "right: 30; bottom: 120px;");
        appendDiv("ip-hud", "nsi", styleHUD + "right: 30; bottom: 150px;");
		appendDiv("score-hud", "nsi", styleHUD + "right: 30; bottom: 170px;");
        appendDiv("fps-hud", "nsi", styleHUD + "right: 30; bottom: 190px;");
        positionHUD = document.getElementById("position-hud");
        ipHUD = document.getElementById("ip-hud");
		scoreHUD = document.getElementById("score-hud");
        fpsHUD = document.getElementById("fps-hud");
        // Add zoom
        if (/firefox/i.test(navigator.userAgent)) {
            document.addEventListener("DOMMouseScroll", zoom, false);
        } else {
            document.body.onmousewheel = zoom;
        }
        // Keys
        w.addEventListener("keydown", function(e) {
			switch(e.keyCode) {
				// ESC - quick resp
				case 27: quickResp();
					break;
				// A - Auto skin rotator
				case 65: 
					rotate = !rotate; 
					rotateSkin();
					break;
				// Q - Quit to menu
				case 81:...