# Panel example not working in VSCode

**URL:** <https://discourse.holoviz.org/t/panel-example-not-working-in-vscode/5619>\
**Category:** Panel\
**Created:** [June 29, 2023, 4:29pm UTC](https://discourse.holoviz.org/t/panel-example-not-working-in-vscode/5619 "2023-06-29T16:29:43Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![aeroaks](https://discourse.holoviz.org/user_avatar/discourse.holoviz.org/aeroaks/32/5162_2.png) [@aeroaks](https://discourse.holoviz.org/u/aeroaks)\
**Post date:** [June 29, 2023, 4:29pm UTC](https://discourse.holoviz.org/t/panel-example-not-working-in-vscode/5619/1 "2023-06-29T16:29:43Z")

</div>

I am trying to run this [example](https://discourse.holoviz.org/t/linking-tabulator-with-a-hv-plot/2377/2) in notebook within VSCode.It renders properly but there is no update on selecting a row in the table.

 ![image](https://discourse.holoviz.org/uploads/default/original/2X/b/b20a05283d84d48ee1ea2ae7a919c7829c5f2643.png)

How can I debug this ? What could be the issue? I have started trying out Panel today.

---

<div class="post-metadata">

**Author:** ![Marc](https://discourse.holoviz.org/user_avatar/discourse.holoviz.org/marc/32/24_2.png) [@Marc](https://discourse.holoviz.org/u/Marc)\
**Post date:** [June 29, 2023, 4:36pm UTC](https://discourse.holoviz.org/t/panel-example-not-working-in-vscode/5619/2 "2023-06-29T16:36:20Z")

</div>

Have you installed `jupyter_bokeh`? See [Develop in other notebook environments — Panel v1.1.1](https://panel.holoviz.org/how_to/notebook/other_nb.html#vscode-notebook)

---

<div class="post-metadata">

**Author:** ![aeroaks](https://discourse.holoviz.org/user_avatar/discourse.holoviz.org/aeroaks/32/5162_2.png) [@aeroaks](https://discourse.holoviz.org/u/aeroaks)\
**Post date:** [June 29, 2023, 7:43pm UTC](https://discourse.holoviz.org/t/panel-example-not-working-in-vscode/5619/3 "2023-06-29T19:43:28Z")

</div>

Yes, I have jupyter\_bokeh version 3.0.7 installed.  
Since I am using notebook, I have `pn.extension('tabulator')` in the code.

Following is the code I use in the cell, with changes in the pn.extension() call from the original example.

```auto
import panel as pn
import hvplot.pandas
import pandas as pd
import numpy as np

pn.extension('tabulator')

lookup = {0: "A", 1: "B", 2: "C"}

pars = pd.DataFrame(
    {"name": ["A", "B", "C"], "period": [1, 0.5, 0.3], "amplitude": [0.3, 0.4, 0.1]}
)
xx = np.linspace(0, 1, 100)
arr = pars["amplitude"].to_numpy() * np.sin(
    np.outer(2 * np.pi * xx, 1.0 / pars["period"].to_numpy())
)
curves = pd.DataFrame(dict([(pars["name"][i], arr[:, i]) for i in range(0, 3)]), index=xx)

def compute_plot(selection):
    if not selection:
        selection_df = curves
    else:
        selection = [lookup[i] for i in selection]
        selection_df = curves[selection]
    return selection_df.hvplot(grid=True)

tabedit = pn.widgets.Tabulator(
    value=pars, show_index=False, selectable=True, disabled=True, theme="site", height=140
)
plot = pn.bind(compute_plot, selection=tabedit.param.selection)

pn.Column(tabedit, plot)

```

---

<div class="post-metadata">

**Author:** ![aeroaks](https://discourse.holoviz.org/user_avatar/discourse.holoviz.org/aeroaks/32/5162_2.png) [@aeroaks](https://discourse.holoviz.org/u/aeroaks)\
**Post date:** [June 30, 2023, 6:56pm UTC](https://discourse.holoviz.org/t/panel-example-not-working-in-vscode/5619/4 "2023-06-30T18:56:41Z")

</div>

I am trying to see what is causing it.  
I am running VSCode in Remote container and the Jupyter Notebook through VSCode extension does not update on Widget events.  
But if I use Jupyterlab from that container, forward the ports and then use the notebook from within Jupyterlab to develop the Panel app, the widget events update the plot. Again then the `servable()` way of [rendering the Panel app](https://panel.holoviz.org/how_to/notebook/jupyterlabpreview.html) does not work.

 ![image](https://discourse.holoviz.org/uploads/default/original/2X/4/4ce7ed3a52cddaed7ec57a30a924aab1fc233e88.jpeg)  
Is this something because of the remote dev container environment in which I am developing?

---

<div class="post-metadata">

**Author:** ![Marc](https://discourse.holoviz.org/user_avatar/discourse.holoviz.org/marc/32/24_2.png) [@Marc](https://discourse.holoviz.org/u/Marc)\
**Post date:** [July 1, 2023, 12:20pm UTC](https://discourse.holoviz.org/t/panel-example-not-working-in-vscode/5619/5 "2023-07-01T12:20:42Z")

</div>

Hi @aeroaks

Would it be possible for you to provide a [minimum, reproducible example](https://stackoverflow.com/help/minimal-reproducible-example) and describe the steps to run it?

- Dockerfile
- Commands to start docker container
- VS Code configuration and extensions if relevant
- Steps in VS Code

If its easy to replicate your issue its most often easy to find the cause. Without it, it is normally very, very difficult.

Thanks.