Question

我正在使用ipywidgets在Jupyter笔记本中显示图片的旋转木马。我想在图像下方放置一张与每张图片相对应的表格。我正在努力做到这一点，任何建议将不胜感激。

以下是我到目前为止所做的示例代码。我需要帮助在每张图片下方显示tmp数据框：

from ipywidgets import *
import pandas as pd
import requests
from ipywidgets import *
from IPython.display import display, HTML

tmp = pd.DataFrame({'metric': ['A', 'B', 'C'],
                   'value': range(3)})

box_layout = Layout(overflow_x='scroll',
                   width='1000px',
                   flex_direction='row',
                   display='flex')

item = Image(value=requests.get(
    'http://www.godalmingmuseum.org.uk/uploads/images/People/Jekyll/Jekyll,_Gertrude,_middle_aged_Y.JPG'
).content)
item
items = [item, item, item,item, item, item]

carousel = Box(children=items, layout=box_layout)
VBox([Label('Images:'), carousel])

Answer 1

您可以在VBox中添加每个图像/表格对，然后将其添加到HBox轮播中。那就是：

items = [VBox(children=[item, table]),
         VBox(children=[item, table]),
         VBox(children=[item, table]),
         VBox(children=[item, table]),
         VBox(children=[item, table]),
        ]


carousel = Box(children=items, layout=box_layout)

我对pandas不够熟悉，无法告诉你如何获取可插入的table条目。

在Jupyter Notebook中显示图像下方的表格

1 个答案: