python - 如何使用 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)
现在我如何在我的设置中添加搜索栏或分页等内容,所以它看起来像这样:
解决方案
推荐阅读
- sql - 基于多列的 GROUPING 聚合
- javascript - 使用 queryselector 动态更改 jQueryUI 的标题
- extjs - Ext JD MultiSelect 拖放
- python - 是否可以在 textview gtk 中获取光标坐标
- r - 如何使用具有日期的ggplot在R中可视化折线图
- rest - 如何在不破坏现有集成的情况下引入 webhook 有效负载的更改
- python-3.x - 如何通过在类中绑定来使按钮更改颜色
- php - PhP 表分配
- android - React Native 固定底部输入键盘(社交媒体发布 UI)
- android-studio - 如何解决 Android Runtime: FATAL EXCEPTION 和 android.view.Inflate Exception?