5

我最近开始使用dash开发我的第一个仪表板应用程序。

这些教程很容易理解,但是我很难处理前端细节,因为我找不到 API 参考。具体来说,每个元素都接受一个style参数,让我们修改一些 CSS 细节,比如文本对齐、字体等。我在教程中看到了一些示例,但我希望有一个详尽的列表,列出我可以传递的所有内容。

例如,我想创建一个表,但列太近了。我需要控制它们之间的间距,我想应该有一个像padding, spacing, borderSize... 这样的论点,你明白了。我在哪里可以找到这些详细信息?

4

3 回答 3

2

可以通过将一些关键字传递给 Dash 组件来编辑一些样式。这取决于组件本身。

例如,如果您使用DataTablefrom dash-table-experiment

import dash_table_experiments as dt
help(dt.DataTable)

您可以看到该组件的 API 允许您设置column_widths(list; optional) 和min_width(number; optional) 之类的东西。

如果您需要一些更复杂的样式(例如,所有偶数表格单元格的黄色背景和线性渐变),恐怕您必须了解一些 CSS。

一些额外的资源:

于 2018-04-23T10:10:36.960 回答
2

似乎 dash 项目没有创建用户友好的 API 文档(我猜这与他们的业务战略有关)。

获得帮助的唯一方法是 dash 社区和 git-code 项目。

于 2018-08-10T06:44:08.570 回答
0

如果您需要 dash 中的 python 对象的帮助,请使用:

help(html.Div)

获取参数参数列表。

如果您想知道可以在样式参数中放置什么,答案是任意的,并且可以生成所有 css。您可以随意自定义外观,这里是语法...

style={
 'border':'1px solid #333', 
 'margin':'10px', 
 'padding':'10px', 
 'background-color':'#888',
 'position':'absolute',
},

样式参数不包括字典对象。为了让你的 CSS 被渲染,它需要在上面的语法中,这将创建一个 python 字典对象。

于 2018-05-24T04:37:17.203 回答