基于streamlit的表格展示-完美解决方案

euler1983

已于 2022-05-15 10:10:00 修改

阅读量1.2w

点赞数 3

分类专栏： python python后端文章标签： python streamlit

于 2022-05-15 10:08:04 首次发布

本文链接：https://blog.csdn.net/euler1983/article/details/124778547

版权

python 同时被 2 个专栏收录

33 篇文章

订阅专栏

python后端

4 篇文章

订阅专栏

本文介绍了如何使用streamlit-aggrid库来改善streamlit中DataFrame的显示效果。streamlit的标准表格展示方式在面对字段多且内容复杂的DataFrame时存在列宽不可控和行数过多的问题。通过引入streamlit-aggrid，可以实现列宽自定义、无内容缩略以及滚动条功能，提供更好的数据浏览体验。示例代码展示了如何配置和使用streamlit-aggrid，以实现更友好的表格展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题

用streamlit开发web app非常实用。但是streamlit的表格展示非常不友好，只有两个简单的接口函数：st.table(df)和st.dataframe(df)。

对于字段稍微比较多的dataframe显示效果相当不友好。

st.table(df)会展开所有字段，st.dataframe(df)会压缩到一起，字段名称看不清楚。

主要局限为：

1. 不能控制每个列的宽度。虽然接口里有width和height两个参数，但是亲测不太管用。

2. 行数多的时候，会一直在页面上往下排列。

以下是几个对比：

可以看到如果混杂着中英文或者数字，中文会变成一个字一行。

好处是有左右和上下的滚动条，看上去很整齐。但是不足之处是长的字段的列名和内容都被缩略了。

解决

使用streamlit-aggrid的第三方安装包，可以完美解决如上问题。

pip install streamlit-aggrid

先看效果：

aggrid的方式完美地解决问题。无缩略，列宽设置合理，可以左右、上下滑动。

代码

from st_aggrid import AgGrid, DataReturnMode, GridUpdateMode, GridOptionsBuilder
options_builder = GridOptionsBuilder.from_dataframe(df)
options_builder.configure_default_column(groupable=True, value=True, enableRowGroup=True, aggFunc='sum', editable=True, wrapText=True, autoHeight=True)
options_builder.configure_column('col1',  pinned='left')
options_builder.configure_column('col2',  pinned='left')
grid_options = options_builder.build()
grid_return = AgGrid(df, grid_options, theme='blue')