Git-подобный вид для сравнения фреймов данных

У меня есть два набора кадров данных с названиями df1 и df2.

Мне нужно создать представление в шаблоне django для сравнения этих двух dataframe бок о бок. Это должно быть похоже на сравнение в git like, как показано ниже.

Я пробовал ниже, но не получилось

 views.py
    
                        # Convert DataFrames to lists of dictionaries for easier iteration
                        df1_data = df1.to_dict(orient='records')
                        df2_data = df2.to_dict(orient='records')
    
                        # Combine the data to be passed to the template
                        combined_data = list(zip(df1_data, df2_data))
    
                        return render(request, self.view_template,{
                                       'combined_data': combined_data
                                       }
                                      )

template

{% block content %}
<style>
        .row {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
        }
        .column {
            flex: 1;
        }
    </style>

<div class="container">
    {% for row1, row2 in combined_data %}
        <div class="row">
            <div class="column">
                {% for key, value in row1.items %}
                    <p>{{ key }}: {{ value }}</p>
                {% endfor %}
            </div>
            <div class="column">
                {% for key, value in row2.items %}
                    <p>{{ key }}: {{ value }}</p>
                {% endfor %}
            </div>
        </div>
    {% endfor %}
</div>

{% endblock %}

Вернуться на верх