github/datasette
1
0
Fork 0
mirror of https://github.com/simonw/datasette.git synced 2025-12-10 16:51:24 +01:00
Code Issues Projects Releases Packages Wiki Activity

Implemented responsive tables, removed bootstrap

Browse source 
No need for all of bootstrap since we only need to style a few elements.

Implemented responsive table pattern from here:
https://css-tricks.com/responsive-data-tables/

Refs #16
This commit is contained in:
Simon Willison 2017-11-10 21:55:50 -08:00
commit 7d81083d40
8 changed files with 112 additions and 57 deletions
Download patch file Download diff file Expand all files Collapse all files

17
datasette/templates/database.html
View file

@ -7,17 +7,13 @@
<p><a href="/{{ database }}-{{ database_hash }}.db">download {{ database }}.db</a></p>
<style>
td {
vertical-align: top;
border-top: 1px solid #666;
padding: 2px 4px;
}
</style>
<table>
<tr>
{% for column in columns %}<th scope="col">{{ column }}</th>{% endfor %}
</tr>
<thead>
<tr>
{% for column in columns %}<th scope="col">{{ column }}</th>{% endfor %}
</tr>
</thead>
<tbody>
{% for row in rows %}
<tr>
{% for td in row %}
@ -31,5 +27,6 @@ td {
{% endfor %}
</tr>
{% endfor %}
</tbody>
</table>
{% endblock %}