JSFiddle - React, Tailwind, and code Playground

by Rapha Souza

HTML

<script src="https://code.jquery.com/jquery-3.4.1.slim.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css">
<link rel="stylesheet" href="https://style.fluig.com/css/fluig-style-guide-docs.min.css">
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="https://style.fluig.com/css/fluig-style-guide-docs.min.css">
</head>
<body>



<table class="table table-bordered table-condensed">

			<tbody>
				<tr id="divDocs_SolEditar">
	
				</tr>
				
			</tbody>
		</table>
    
    
<button type="button" onclick="cria()">
Cria
</button>
</body>


</html>

JavaScript

function cria(){




$("#div_SolEditar").append(' <button type="button" class="btn btn-default btn-xs"><i class="fluigicon-file icon-xs"></i> sdas</button>');


/***
$("#div_SolEditar").append(' <button type="button" class="btn btn-default btn-xs" id="' + data.content.id +'" onclick="verArquivo(this.id)"><i class="fluigicon-file icon-xs"></i>' + file.name + ' </button>');

**/



}