JSFiddle - React, Tailwind, and code Playground

by wladyband

HTML

<!DOCTYPE html>
<html>
<!-- #include file="inc/conexao.asp" -->

<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<meta name="robots" content="noindex, nofollow">
	<meta name="googlebot" content="noindex, nofollow">
	<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.js">
  
  
  </script>
	<style type="text/css">
		table {
			border-spacing: 0px;
			border-collapse: separate;
			width: 100%;
			border-bottom: 1px solid #aaa;
			text-align: center;
		}
		
		thead td {
			margin: 0;
			padding: 0;
			padding: 2px;
		}
		
		thead th {
			margin: 0;
			padding: 5px;
			border-bottom: 1px solid #aaa;
		}
		
		div {
			padding-top: 10px;
			text-align: center;
		}
	</style>
	<script type='text/javascript'>
		var dados = [
          ['Banana', '10,00']
        , ['Maça', '2,00']
        , ['Pera', '6,00']
        , ['Goiaba', '3,25']
        , ['Tamarindo', '1,50']
        , ['Cenoura', '0,75']
        , ['Alface', '0,99']
        , ['Tomate', '3,21']
        , ['Abacaxi', 'N/D']
        , ['Kiwi', '99,50']
        , ['Cebola', '1,15']
        , ['Alho', '1,02']
        , ['Abóbora', '4,75']
        , ['Pêssego', '2,33']
        , ['laranja', '2,99']
    ];
		var tamanhoPagina = 6;
		var pagina = 0;

		function paginar() {
			$('table > tbody > tr').remove();
			var tbody = $('table > tbody');
			for (var i = pagina * tamanhoPagina; i < dados.length && i < (pagina + 1) * tamanhoPagina; i++) {
				tbody.append($('<tr>').append($('<td class="text-left">').append(dados[i][0])).append($('<td>').append(dados[i][1])))
			}
			$('#numeracao').text('Página ' + (pagina + 1) + ' de ' + Math.ceil(dados.length / tamanhoPagina));
		}

		function ajustarBotoes() {
			$('#proximo').prop('disabled', dados.length <= tamanhoPagina || pagina >= Math.ceil(dados.length / tamanhoPagina) - 1);
			$('#anterior').prop('disabled', dados.length...