1 简介学习Dash中渲染网页静态表格的常用方法,并在最后的例子中教大家如何配合Dash,简简单单编写一个数据库查询应用~ 还特意在文末藏了惊喜哦!!
文章插图
2 在Dash中渲染静态表格在Dash中渲染「静态」表格,方法有很多,而我们今天要学习的方法,是配合之前文章介绍过的第三方拓展dash_bootstrap_components中的Table()部件,借助bootstrap的特性来快速创建美观的「静态」表格:
文章插图
2.1 静态表格的构成
要学习如何基于Dash在前端中渲染出一张静态表格,首先我们需要学习其元素构成,Dash延续html中table标签相关概念,由Table()、Thead()、Tbody()、Tr()、Th()以及Td()等6个部件来构成一张完整的表,先从一个简单的例子出发:
?
App1.py
?
import dashimport dash_html_components as htmlimport dash_bootstrap_components as dbcapp = dash.Dash(__name__)app.layout = html.Div( dbc.Container( dbc.Table( [ html.Thead( html.Tr( [ html.Th('第一列'), html.Th('第二列'), ] ) ), html.Tbody( [ html.Tr( [ html.Td('一行一列'), html.Td('一行二列'), ] ), html.Tr( [ html.Td('二行一列'), html.Td('二行二列'), ] ) ] ) ] ), style={ 'margin-top': '50px' # 设置顶部留白区域高度 } ))if __name__ == '__main__': app.run_server(debug=True)
推荐阅读
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- JavaScript代码整洁之道——好代码和坏代码
- 让Android更安全 谷歌推荐开发者使用Rust编写系统代码
- C++调用python解释器
- 软件测试工具monkeyrunner基于python脚本开发
- python基础——数据结构栈的详解
- Python高能小技巧:用海象操作符减少重复代码
- python打包exe 小工具
- Pandas最详细教程来了
- 实例Python并发编程
- 如何使用 Python 来自动交易加密货币