Input Tables not rendering correctly

Notebooks
1

Hi All,

I’m trying to learn how to use observable notebook kit however tables aren’t rendering correctly. I hope you can give me a hint to what’s the issue might be.

Here’s attached the code and a screenshot of the issue.

<!doctype html>
<notebook theme="slate">
  <title>Trying out notebooks locally!</title>


  <script type="module" pinned>
    Inputs.table(aapl)
  </script>

  <script type="text/markdown" pinned>
    # Hello, notebook!
  </script>

  <script type="module" pinned>
    const aapl = await FileAttachment('aapl.csv').csv({typed: true});
  </script>

  <script type="module" pinned>
    import * as Inputs from "npm:@observablehq/inputs"
  </script>

</notebook>

Screenshot From 2026-03-13 01-40-29
Screenshot From 2026-03-13 01-40-291251×997 118 KB

Thanks in advance.

2

The issue was due to pnpm not working correctly. I’ve used a custom template following the documentation with the below custom imports in the head:

@import url("../node_modules/@observablehq/inputs/dist/index.css");
@import url("../node_modules/@observablehq/notebook-kit/dist/src/runtime/stdlib/inputs.css");

I hope this help people running into this issue in the future.