<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>{{ file.filename }}</title>
<style type="text/css">
    body {
        background: #ddd;
        font-family: sans-serif;
        font-size: 12px;
    }

    h1 {
        margin: 5px;
        width: 97%;
        background: #444;
        border: 1px none #222;
        padding: 10px;
        text-align: center;
        color: white;
        font-size: 150%;
        font-weight: bold;
        font-family: monospace;
    }

    table {
        margin-left: 5px;
        text-align: left;
        border-spacing: 2px;
    }
    table tr {
        min-height: 10px;
    }
    table td {
        font-family: sans-serif;
        font-size: 12px;
        background: white;
        border: 1px solid #666;
        padding: 2px;
        {% if not wordwrap %}
        white-space: nowrap;
        {% endif %}
    }
    {{ customcss }}
</style>
</head>

<body>
<div id="viewer">
    <h1>{{ file.filename }}</h1>

    <table>
        {% for line in tableviewer.read(file) %}
        <tr>
            {% for field in line %}
                <td>{{ field }}</td>
            {% endfor %}
        {% endfor %}
        </tr>
    </table>
</div>
</body>
</html>
