14

次の最小限の例では、Jupyter ノートブックと対話するボタンと、ノートブックに表示される HTML テーブルを作成できます。

import ipywidgets
from IPython.display import display

from IPython.core.display import HTML

def func(btn):
    print('Hi!')

btn1 = ipywidgets.Button(description="Click me!")
btn1.on_click(func)
btn2 = ipywidgets.Button(description="Click me!")
btn2.on_click(func)
display(btn1)
display(btn2)

display(HTML(
        '<table>' +
        '<tr><td>Something here</td><td>Button 1 here</td></tr>' +
        '<tr><td>Something here</td><td>Button 2 here</td></tr>' +
        '</table>'
    ))

生成された結果は次のとおりです。 テーブルとボタンのスクリーンショット

ボタンをhtmlテーブルに配置したいと思います。メソッドを調査しようとしましたWidget._ipython_display_()が、これにより、独自の html テーブル内でボタンを使用できません。

(例として小さなテーブルを参照してください。ボタンを大きなテーブルに配置し、ボタンを使用してデータベースから行を削除したいと考えています。)

この質問では、ウィジェットを相互に相対的に配置する方法を知りたいと思っていました。ここでは、ウィジェットを他の HTML コード内に配置します。

4

1 に答える 1