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

【问题标题】：Display tables below images in Jupyter Notebook在 Jupyter Notebook 中的图像下方显示表格
【发布时间】：2017-11-30 01:17:08
【问题描述】：

我正在使用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])

【问题讨论】：

标签： python python-2.7 jupyter-notebook ipywidgets

【解决方案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 条目。

【讨论】：