Как отобразить фреймы данных рядом друг с другом в HTML-шаблон или веб-страницу без фреймов?

Question

Я хочу отобразить два фрейма данных рядом друг с другом в шаблоне HTML

<h3> TITLE </h3>
 {{stat1 | safe}}.  {{stat | safe}}

Я пробовал это.Но он отображает кадры данных один под другим

Answer 1

Вы можете обернуть их в <div> стилями grid.

import jinja2 as jj
t=jj.Template("""
<h3> TITLE </h3>
<style>
div.df > div {white-space: pre-wrap;  display: grid;}
</style>
<div class='df' style='display:grid; grid-template-columns: 400px 400px ;'>
 <div>{{st  | safe}}</div>
 <div>{{st1 | safe}}</div>
<div>
""")
t.render(st=st,st1=st1)