как сделать данные, поступающие из базы данных, интерактивными и предоставить более подробную информацию?

Question

На панели инструментов нет результатов. html и даже если результат был предоставлен, как я могу сделать имя кликабельным, чтобы я мог видеть детали?

"views.py"

def add_family():
    """
    Add a family to the database
    """
    check_admin()

    add_family = True

    form = FamilyForm()
    if form.validate_on_submit():
        family = Family(name=form.name.data,
                    description=form.description.data,
                    address=form.address.data,
                    phone=form.phone.data)
        try:
            # add family to the database
            db.session.add(family)
            db.session.commit()
            flash('You have successfully added a new family.')
        except:
            # in case family name already exists
            flash('Error: family name already exists.')

        # redirect to families page
        return redirect(url_for('admin.list_families'))

    # load family template
    return redirect(url_for('dashboard.html'))

"models.py"

class Family(db.Model):
    """
    Create a Family table
    """

    __tablename__ = 'families'

    id = db.Column(db.Integer, primary_key=True)
    name = db.Column(db.String(60), unique=True)
    description = db.Column(db.String(2000))
    address = db.Column(db.String(1000))
    phone = db.Column(db.Integer, unique=True)

    def __repr__(self):
        return '<Family: {}>'.format(self.name)

"панель инструментов. html"

{% import "bootstrap/utils.html" as utils %}
{% extends "base.html" %}
{% block title %}Families{% endblock %}
{% block body %}
<div class="content-section">
  <div class="outer">
    <div class="middle">
      <div class="inner">
        <br/>
        {{ utils.flashed_messages() }}
        <br/>
        <h1 style="text-align:center;">Families</h1>
          <hr class="intro-divider">
          <div class="center">
            <table class="table table-striped table-bordered">
              <tbody>
              {% for family in families %}
                <tr>
                  <td> {{ family.name }} </td>
                </tr>
              {% endfor %}
              </tbody>
            </table>
          </div>
          <div style="text-align: center">
        </div>
      </div>
    </div>
  </div>
</div>
{% endblock %}

Нет результатов на панели инструментов. html и даже если был дан результат, как я могу сделать имя кликабельным, чтобы я мог видеть детали? (Имя семьи, адрес, телефон ...).

(photo) Family1
        Name: Mustermann
        Address: abc
        Phone: 12345
(photo) Family2
(photo) Family3
.
.
.

Любые советы / подсказки / шаги и помощь будут очень признательны Newb ie