{% if feeds | length != 0 %}
<div class="table-responsive">
    <table id="table-feeds" class="table table-striped">
        <thead>
            <tr>
                <th>#</th>
                <th>{{ _('Title') }}</th>
                <th>{{ _('Site') }}</th>
            </tr>
        </thead>
        <tbody>
        {% for feed in feeds %}
            <tr>
                <td>{{ loop.index }}</td>
                <td>{% if feed.icon_url %}<img src="{{ url_for('icon.icon', url=feed.icon_url) }}" width="16px" />&nbsp;{% endif %} <a href="{{ url_for('feed.feed_pub', feed_id=feed.id) }}">{{ feed.title }}</a></td>
                <td><a href="{{ feed.site_link }}">{{ feed.site_link }}</a></td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
</div>
<script>
$(document).ready(function() {
    $('#table-feeds').DataTable( {
        responsive: true,
        columnDefs: [
            {
                bSortable: false,
                targets: [0]
            }
        ]
    });
});
</script>
{% endif %}