Представление данных в html-таблице из представлений django

Я пытаюсь отобразить данные таблицы из базы данных в некоторых таблицах в HTML шаблоне из django views. Проблема в том, что слова находятся в списке, и я хочу, чтобы каждое слово было в каждом поле таблицы, Как я могу это сделать?

views.py:

def index(request):
    if request.method == 'POST':
       tp = request.POST.get('tp')
       ms = request.POST.get('mode_selection')
       if tp == "Download" or tp == "Preview":
           usr = User.objects.get(username=request.user)
           if ms=='2':
        data=WordDifferentTable.objects.filter(user=usr).values_list('word1','word2',word3', 'word4', 'word5', 'result')
        hds = ['word1', 'word2', 'word3', 'word4', 'word5', 'result']
        elif ms=='3':
            data = LogicAnaloguiesTable.objects.filter(user=usr).values_list('word1', 'word2', 
       'word3', 'word4', 'word5', 'result', 'distance_to_word12')
            hds = ['word1', 'word2', 'word3', 'word4', 'word5', 'result', 
       'distance_to_word12']
        elif ms=='4':
            data = SimilarWInContextTable.objects.filter(user=usr).values_list('word1', 
            'word2', 'word3', 'word4', 'word5', 'distance_to_word12', 'distance_to_word13', 
            'distance_to_word23')
            hds = ['word1', 'word2', 'word3', 'word4', 'word5', 'distance_to_word12', 
            'distance_to_word13', 'distance_to_word23']
        else:
            data = WordsTable.objects.filter(user=usr).values_list('word1', 'word2', 'word3', 
            'word4', 'word5',)
            hds = ['word1', 'word2', 'word3', 'word4', 'word5',]

    return render (request, "base.html",context)
else:
    return render (request, "base.html")

HTML таблица:

{% if data %}
   <div style="padding-top: 30px" class="row">
    <h3 align="center">Preview</h3>
    <table style="border: 1px solid #dddddd;">
          <thead>
             <tr style="border: 1px solid;">
             {% for h in hds %}
               <th style="border: 1px solid;">{{h}}</th>
             {% endfor %}
                </tr>
          </thead>
              <tbody style="border: 1px solid;">
               {% for d in data %}
               <tr>
                  <th style="border: 1px solid;">{{d}}</th>
               </tr>
               {% endfor %}
              </tbody>
     </table>
  </div>
{% endif %}

Пример отображения данных, я хочу, чтобы каждое слово было в каждом поле: enter image description here

При итерации по data вы получаете кортежи, вам нужно выполнить итерацию по каждому кортежу, чтобы получить ячейки вашей таблицы

{% for d in data %}
  <tr>
    {% for word in data %}
      <td style="border: 1px solid;">{{ word }}</td>
    {% endfor %}
  </tr>
{% endfor %}
Вернуться на верх