A First-Class Interactive DataTable for Dash
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.circleci 3.1 update dependencies (#251) Nov 26, 2018
.config Issue 284 - Add source map to NPM and PyPi packages (#285) Dec 7, 2018
.github rm stack overflow + simplify dash community forum language Nov 5, 2018
.storybook E2e testing (#45) Aug 21, 2018
.vscode Issue 254 - Apply linting correctly during build (#258) Nov 29, 2018
@Types 3.0 issue75 global copy paste (#87) Sep 13, 2018
dash_table Merge remote-tracking branch 'origin/master' into 3.1-issue276-readon… Dec 10, 2018
datasets Issue 234 - Virtualization (#253) Dec 4, 2018
demo - readonly navigation, selection, copy Dec 10, 2018
generator Styling props (#165) Oct 24, 2018
src Merge remote-tracking branch 'origin/master' into 3.1-issue276-readon… Dec 10, 2018
tests - add paste-into-readonly-cell test Dec 10, 2018
.babelrc Issue 217 - Fix Edge / IE console errors (#223) Nov 6, 2018
.gitignore Issue 280 - Refactor cell content (#281) Dec 6, 2018
.npmignore Issue 212 - UMD packaging (#225) Nov 8, 2018
.prettierrc add prettier and prettify all the things May 30, 2018
.pylintrc add pylintrc file Jun 18, 2018
CHANGELOG.md Merge remote-tracking branch 'origin/master' into 3.1-issue276-readon… Dec 10, 2018
CODE_OF_CONDUCT.md 😸 add code of conduct Nov 5, 2018
CONTRIBUTING.md ☁️ clarify upload instructions Nov 6, 2018
LICENCE fix remote package (#211) Nov 2, 2018
MANIFEST.in Issue 284 - Add source map to NPM and PyPi packages (#285) Dec 7, 2018
Procfile 🏭 review app Sep 18, 2018
README.md add browser compatibility note Nov 9, 2018
app.json Add Heroku generated app.json Sep 14, 2018
babel.config.js Issue 217 - Fix Edge / IE console errors (#223) Nov 6, 2018
cypress.json Develop (#133) Oct 11, 2018
extract-meta Big dash-table repo refactor May 30, 2018
index.py Change component name to DataTable (#187) Oct 31, 2018
package-lock.json Update all dependencies (#298) Dec 13, 2018
package.json Update all dependencies (#298) Dec 13, 2018
python-requirements.txt refresh the python circle tests Sep 18, 2018
renovate.json Update renovate configuration Dec 7, 2018
requirements.txt - update dash dep to support map / dynamic Dec 7, 2018
runtime.txt 🏭 review app Sep 18, 2018
setup.py 3.1 issue137 centos setup (#184) Oct 31, 2018
tsconfig.base.json Issue 280 - Refactor cell content (#281) Dec 6, 2018
tsconfig.json - remove deprecated nested property 'displayed_pages' Dec 10, 2018
tslint.json Issue 254 - Apply linting correctly during build (#258) Nov 29, 2018
webpack.config.js fix regression + basic test (#70) Sep 11, 2018
webpack.dev.config.js Issue 234 - Virtualization (#253) Dec 4, 2018
webpack.serve.config.js 3.0 (#42) Aug 17, 2018
webpack.test.config.js fix regression + basic test (#70) Sep 11, 2018

README.md

Dash Table

An interactive DataTable for Dash.

👉 Documentation

Quickstart

pip install dash-table
import dash
import dash_table
import pandas as pd

df = pd.read_csv('https://raw.githubusercontent.com/plotly/datasets/master/solar.csv')

app = dash.Dash(__name__)

app.layout = dash_table.DataTable(
    id='table',
    columns=[{"name": i, "id": i} for i in df.columns],
    data=df.to_dict("rows"),
)

if __name__ == '__main__':
    app.run_server(debug=True)

Interactive Dash DataTable

Background

Dash DataTable is an interactive table component designed for viewing, editing, and exploring large datasets.

DataTable is rendered with standard, semantic HTML <table/> markup, which makes it accessible, responsive, and easy to style.

This component was written from scratch in React.js specifically for the Dash community. Its API was designed to be ergonomic and its behavior is completely customizable through its properties.

7 months in the making, this is the most complex Dash component that Plotly has written, all from the ground-up using React and TypeScript. DataTable was designed with a featureset that allows that Dash users to create complex, spreadsheet driven applications with no compromises. We're excited to continue to work with users and companies that invest in DataTable's future.

DataTable is in Alpha. This is more of a statement on the DataTable API rather than on its features. The table currently works beautifully and is already used in production at F500 companies. However, we expect to make a few more breaking changes to its API and behavior within the next couple of months. Once the community feels 💪 about its API, we'll lock it down and we'll commit to reducing the frequency of breaking changes. Please subscribe to dash-table#207 and the CHANGELOG.md to stay up-to-date with any breaking changes. Note: DataTable is currently supported in Chrome, Firefox, Safari, Edge (version 15+), and Internet Explorer 11.

So, check out DataTable and let us know what you think. Or even better, share your DataTable Dash apps on the community forum!

Contributing

See CONTRIBUTING.md