首页 > 解决方案 > 如何使用 HTML、CSS 和 Python 创建分页?

问题描述

假设我有以下熊猫数据框:

data = pd.DataFrame({"x":[1,2,3], "y": [1,2,3], "a": [1,2,3], "b": [1,2,3], "z": [1,2,3], "xx": [1,2,3], "yy":[1,2,3], "zz":[1,2,3],
             "x1":[1,2,3], "y1": [1,2,3], "a1": [1,2,3], "b1": [1,2,3], "z1": [1,2,3], "xx1": [1,2,3], "yy1":[1,2,3], "zz1":[1,2,3]})

此外,我对 HTML 有以下设置:

<html>
<head>
    <style>
        * {
            font-family: sans-serif;
        }
        body {
            padding: 20px;
        }
        table {
            border-collapse: collapse;
            text-align: right;
        }
        table tr {
            border-bottom: 1px solid
        }
        table th, table td {
            padding: 10px 20px;
        }
    </style>
</head>
<body>

<h1>My Report</h1>

{{ my_table }}


</body>
</html>

然后我用 jinja2 在 Python 中创建一个 HTML 报告:

env = jinja2.Environment(loader=jinja2.FileSystemLoader(searchpath=''))
template = env.get_template('template.html')
html = template.render(my_table=data.to_html())

with open('report.html', 'w') as f:
    f.write(html)

现在我如何在我的设置中添加搜索栏或分页等内容,所以它看起来像这样:

在此处输入图像描述

标签: pythonhtml

解决方案


推荐阅读