Добавление сообщения для пустой строки в таблице bootstrap

Question

Я работаю над проектом Django, но я относительно новичок в bootstrap и css. У меня есть стол с инвентарем книг, и он выглядит хорошо, пока в них нет записей. Но когда нет записей, я хочу отобразить заполнитель «Книги еще не добавлены». Я пробовал несколько способов, но я не могу этого сделать. Это мой html файл:

<table class="table table-hover table-bordered">
  <thead class="thead-light">
    <tr>
      <th scope="col">Title</th>
      <th scope="col">Author</th>
      <th scope="col">Genre</th>
      <th scope="col">Available</th>
      <th scope="col">Add Date</th>
    </tr>
  </thead>
  <tbody>
    {% if books.count > 0 %}
    {% for row in books %}
    <tr>
      <td>{{row.title}}</td>
      <td>{{row.author}}</td>
      <td>{{row.genre}}</td>
      <td>{% if row.available %}Yes{% else %}No{% endif %}</td>
      <td>{{row.date}}</td>
    </tr>
    {% endfor %}
    {% else %}
    <tr>
      <td>No Books added yet !</td>
    </tr>
    {% endif %}
  </tbody>
</table>

При этом в первой ячейке просто заполняется заполнитель:

Как отредактировать это так, чтобы эта ячейка отображалась как полная строка?