Skip to content

Instantly share code, notes, and snippets.



Created Jun 24, 2016
What would you like to do?
Plantilla para Tabla usando Sheetsee.js
<!DOCTYPE html>
<meta charset='utf-8'>
<title>Sheetsee Demo Tabla</title>
<meta name='viewport' content='width=device-width, initial-scale=1.0'/>
<script type='text/javascript' src=''></script>
<script type="text/javascript" src=""></script>
<script type='text/javascript' src=''></script>
<link rel="stylesheet" href="">
html {
position: relative;
min-height: 100%;
body {
padding-top: 50px;
margin-bottom: 60px;
#Pagination a {cursor: pointer;}
.footer {
position: absolute;
bottom: 0;
width: 100%;
/* Set the fixed height of the footer here */
background-color: #f5f5f5;
<div class="container">
<div class="panel panel-default">
<div class="panel-heading">
<h3>Alquileres en CABA, 2016</h3>
<input id="fullTableFilter" type="text" placeholder="Filtrar.." class="form-control"></input>
<div class="panel-body">
<div id="loading">Cargando datos...</div>
<div class="container-fluid">
<div id="fullTable"></div>
<footer class="footer">
<div class="container">
<p class="navbar-text"><a href="" target="_blank">Google Sheet Público</a></p>
<p class="navbar-text navbar-right">Datos provistos por <a href=''>Properati</a></p>
<script id="fullTable_template" type="text/html">
<table class="table table-hover">
<th class="tHeader">Fecha</th>
<th class="tHeader">Barrio</th>
<th class="tHeader">Tipo de propiedad</th>
<th class="tHeader">Moneda</th>
<th class="tHeader">Precio</th>
<th class="tHeader">Metros &sup2;</th>
<script type="text/javascript">
document.addEventListener('DOMContentLoaded', function() {
var URL = "1tPbgHcFoX1snKdCC5NdrRYST5WovHcg6fjfM0_e7kiE"
Tabletop.init( { key: URL, callback: showInfo, simpleSheet: true } )
function showInfo(data) {
var tableOptions = {"data": data, "pagination": 100, "tableDiv": "#fullTable", "filterDiv": "#fullTableFilter"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment