<div id="channels">
    {% if channels is not None %}
      <div class="content" style="max-height: 30em; overflow: auto;">
        <div class="table-container">
          <table class="table is-fullwidth is-hoverable">
            <tbody>
              {% for channel, info in channels.items %}
              <tr>
                <td>
                  {{ channel }}
                  <span class="tag">
                    {{ info }}
                  </span>
                </td>
              </tr>
              {% endfor %}
            </tbody>
          </table>
        </div>
      </div>
    {% endif %}
  </div>