Get started with dash-table CDN

MIT licensed

Dash-table is a Python library for rendering interactive, web-based tables using Plotly Express.

Tags:
  • plotly
  • dash

Stable version

Copied!

How to start using dash-table CDN


<!DOCTYPE html>
<html>
<head>
  <title>Get started with dash-table CDN - cdnhub.io</title>
  <style>
    /* Add your custom styles here */
  </style>
  <script src="https://cdn.jsdelivr.net/npm/[email protected]/umd/react.production.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/[email protected]/umd/react-dom.production.min.js"></script>
  <script src="https://cdn.cdnhub.io/dash-table/5.2.10/bundle.js"></script>
</head>
<body>
  <div id="app"></div>
  <script type="text/babel">
    import { DashTable } from 'react-dash-table';

    const data = [
      {
        id: 1,
        name: 'John Doe',
        age: 30,
        city: 'New York'
      },
      {
        id: 2,
        name: 'Jane Doe',
        age: 25,
        city: 'Los Angeles'
      },
      {
        id: 3,
        name: 'Bob Smith',
        age: 45,
        city: 'Chicago'
      }
    ];

    const columns = [
      {
        name: 'Name',
        selector: 'name'
      },
      {
        name: 'Age',
        selector: 'age'
      },
      {
        name: 'City',
        selector: 'city'
      }
    ];

    ReactDOM.render(
      <DashTable data={data} columns={columns} />,
      document.getElementById('app')
    );
  </script>
</body>
</html>
Copied!
Copied!

All versions