ジュピターノートの画像の下にテーブルを表示

Question

私はipywidgetsを使用して、ジュピターのノートブックに画像のカルーセルを表示しています。私は、画像の下の各画像に対応する表を載せたいと思います。私はこれをするのに苦労しており、どんな助言も高く評価されます。

以下は、これまで行ってきたコードの例です。私は、各画像の下tmpデータフレームを表示するヘルプが必要：あなたはVBoxに各画像/テーブルのペアを追加することができます

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

、それはその後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) 

私はどのように挿入可能tableエントリを取得する方法を伝えるパンダと十分慣れていませんよ。