Python 在虚线表格中调整表格的最大高度

我试图在Dash中调整数据表的高度，它应该非常直接，但是无论我在这里尝试了什么值，它都会不断输出所有可用的值

如果有人有任何想法，我将不胜感激。 我尝试了maxHeight和height，我尝试了使用数字和该数字的字符串表示，我尝试了从0到100的数字，我甚至尝试了重新启动计算机

app = dash.Dash()

app.layout = html.Div([dash_table.DataTable(id='raw_data',
                                            data=[],
                                            style_table={
                                                'maxHeight': '5',
                                                'overflowY': 'scroll',
                                            }
                                            ),
                       dcc.Interval(id='interval_component',
                                    interval=60000,
                                    n_intervals=0
                                    )
                       ])

---

我也有同样的问题。添加：

fixed_rows={ 'headers': True, 'data': 0 }

为我工作。就你而言：

app.layout = html.Div([
                 dash_table.DataTable(
                     id='raw_data',
                     data=[],
                     fixed_rows={ 'headers': True, 'data': 0 },
                     ),
                 dcc.Interval(id='interval_component',
                     interval=60000,
                     n_intervals=0
                     )
                 ])

试一试

有时会有帮助

更新

@里卡多M S

我找到的解决方案如下：

在dash应用程序的资产文件夹中创建一个.css文件

任何名称.css

关于表的my.css文件字符串是：

/*  высота таблицы Dash DataTable*/
.dash-spreadsheet.dash-freeze-top, .dash-spreadsheet.dash-virtualized 
    { max-height: inherit !important; }

.dash-table-container {max-height: calc(100vh - 225px);}
/*makes the height of the DashTable 225 pix less then the 100% screen */

---

Cheers

您可以使用

DataTable

的

css

属性调整行的最大高度，并使用

选择器

和

规则

键定义自定义css规则

例如：

dash_table.DataTable(
   id='raw_data',
   data=[],
   css=[{"selector": ".dash-table-container tr", 
         "rule":'max-height: "15px"; height: "15px"; '}])

---

请提供一个完整的例子。在操作代码片段中，字典应该放在哪里？

dash_table.DataTable(
   id='raw_data',
   data=[],
   css=[{"selector": ".dash-table-container tr", 
         "rule":'max-height: "15px"; height: "15px"; '}])