# Introducing Dash DataTable 🎉

**URL:** <https://community.plotly.com/t/introducing-dash-datatable/15242>\
**Category:** Dash Python\
**Created:** [November 2, 2018, 7:52pm UTC](https://community.plotly.com/t/introducing-dash-datatable/15242 "2018-11-02T19:52:37Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![chriddyp](https://sea2.discourse-cdn.com/flex024/user_avatar/community.plotly.com/chriddyp/32/16855_2.png) [@chriddyp](https://community.plotly.com/u/chriddyp)\
**Post date:** [November 2, 2018, 7:52pm UTC](https://community.plotly.com/t/introducing-dash-datatable/15242/1 "2018-11-02T19:52:37Z")

</div>

👋 Hello Dash Community –

I’m excited to announce that we have open-sourced Dash `DataTable`!

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

👉 Documentation: [https://dash.plot.ly/datatable](https://dash.plot.ly/datatable)  
👉 GitHub: [https://github.com/plotly/dash-table](https://github.com/plotly/dash-table)

`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](https://plot.ly/products/consulting-and-oem/).

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](https://github.com/plotly/dash-table/issues/207) and the [CHANGELOG.md](https://github.com/plotly/dash-table/blob/master/CHANGELOG.md) to stay up-to-date with any breaking changes.

So, check out DataTable and let us know what you think. Or even better, share your DataTable Dash apps on the [community forum](https://community.plotly.com/t/show-and-tell-community-thread/7554)!

❤

– chriddyp

---

<div class="post-metadata">

**Author:** ![Sylvos](https://avatars.discourse-cdn.com/v4/letter/s/59ef9b/32.png) [@Sylvos](https://community.plotly.com/u/Sylvos)\
**Post date:** [November 3, 2018, 1:50am UTC](https://community.plotly.com/t/introducing-dash-datatable/15242/5 "2018-11-03T01:50:52Z")

</div>

Wow,Thank you for your contribution

---

<div class="post-metadata">

**Author:** ![data](https://sea2.discourse-cdn.com/flex024/user_avatar/community.plotly.com/data/32/4642_2.png) [@data](https://community.plotly.com/u/data)\
**Post date:** [November 3, 2018, 5:51am UTC](https://community.plotly.com/t/introducing-dash-datatable/15242/6 "2018-11-03T05:51:26Z")

</div>

Thanks! Very exciting news!🎉

---

<div class="post-metadata">

**Author:** ![Damian](https://avatars.discourse-cdn.com/v4/letter/d/34f0e0/32.png) [@Damian](https://community.plotly.com/u/Damian)\
**Post date:** [November 3, 2018, 2:38pm UTC](https://community.plotly.com/t/introducing-dash-datatable/15242/7 "2018-11-03T14:38:59Z")

</div>

You guys rock!!

I’m currently prototyping a dashboard based on Dash and most of the requests are for displaying tabular data, I’ve been using dash-table-experiments for this up till now but this blows that out of the water!

I’ve just skimmed over all the documentation and I have 1 question, is it intentional to have the back-end filtering syntax be different from the front-end? I can see situations where it would be useful to adopt both features for different tables on the same page, and I’m not sure how I would communicate to users which syntax to use where and why they are different.

Also not to jump ahead of myself, but is there a good place to request features? A first class way to provide an export button to CSV or Excel would be would be amazing! But I’m just wishfully thinking 😀

---

<div class="post-metadata">

**Author:** ![chriddyp](https://sea2.discourse-cdn.com/flex024/user_avatar/community.plotly.com/chriddyp/32/16855_2.png) [@chriddyp](https://community.plotly.com/u/chriddyp)\
**Post date:** [November 3, 2018, 3:17pm UTC](https://community.plotly.com/t/introducing-dash-datatable/15242/8 "2018-11-03T15:17:10Z")

</div>

> [@Damian](#):
>
> is it intentional to have the back-end filtering syntax be different from the front-end?

It’s not, the filtering syntax still needs some work. This is an area where I expect to make some breaking changes. I recommend watching this issue: [V2 filtering\_settings · Issue #169 · plotly/dash-table · GitHub](https://github.com/plotly/dash-table/issues/169) to stay up to speed 🙂

---

<div class="post-metadata">

**Author:** ![chriddyp](https://sea2.discourse-cdn.com/flex024/user_avatar/community.plotly.com/chriddyp/32/16855_2.png) [@chriddyp](https://community.plotly.com/u/chriddyp)\
**Post date:** [November 3, 2018, 3:18pm UTC](https://community.plotly.com/t/introducing-dash-datatable/15242/9 "2018-11-03T15:18:36Z")

</div>

> [@Damian](#):
>
> Also not to jump ahead of myself, but is there a good place to request features? A first class way to provide an export button to CSV or Excel would be would be amazing!

Yup! Feel free to open an issue in the github repo: [Issues · plotly/dash-table · GitHub](https://github.com/plotly/dash-table/issues) 🚀. We’re prioritizing issues that are requested by companies that have sponsored the development ([Consulting, Training & Open-Source Development](https://plot.ly/products/consulting-and-oem/))

---

<div class="post-metadata">

**Author:** ![Damian](https://avatars.discourse-cdn.com/v4/letter/d/34f0e0/32.png) [@Damian](https://community.plotly.com/u/Damian)\
**Post date:** [November 3, 2018, 4:47pm UTC](https://community.plotly.com/t/introducing-dash-datatable/15242/10 "2018-11-03T16:47:35Z")

</div>

> [@chriddyp](#):
>
> prioritizing issues that are requested by companies that have sponsored the development

Thanks for all the info! I’ll make this clear to my company.

---

<div class="post-metadata">

**Author:** ![austin](https://sea2.discourse-cdn.com/flex024/user_avatar/community.plotly.com/austin/32/3328_2.png) [@austin](https://community.plotly.com/u/austin)\
**Post date:** [November 4, 2018, 9:19am UTC](https://community.plotly.com/t/introducing-dash-datatable/15242/11 "2018-11-04T09:19:14Z")

</div>

This is fantastic news. I’m teaching a day-long “Introduction to Plotly Dash” course this Friday (Nov. 9) for a cohort of data scientists at Deloitte. For the data table example, I was planning on using the old workaround. Now I can incorporate the new DataTable element instead! Thanks @chriddyp for carrying the torch forward on this.

---

<div class="post-metadata">

**Author:** ![Sempah](https://avatars.discourse-cdn.com/v4/letter/s/91b2a8/32.png) [@Sempah](https://community.plotly.com/u/Sempah)\
**Post date:** [November 4, 2018, 11:52am UTC](https://community.plotly.com/t/introducing-dash-datatable/15242/12 "2018-11-04T11:52:46Z")

</div>

This is really impressive. I’ve been lurking this forum for too long and thought that its time to start thanking you for this great work @chriddyp. I’m definitely going to try this out coming week!

Keep up the great work!

---

<div class="post-metadata">

**Author:** ![vivekvs1](https://avatars.discourse-cdn.com/v4/letter/v/c2a13f/32.png) [@vivekvs1](https://community.plotly.com/u/vivekvs1)\
**Post date:** [November 5, 2018, 2:34pm UTC](https://community.plotly.com/t/introducing-dash-datatable/15242/13 "2018-11-05T14:34:21Z")

</div>

This is fantastic. Thanks to everyone who was involved in this. Dash is awesome!

---

<div class="post-metadata">

**Author:** ![cfriedline](https://sea2.discourse-cdn.com/flex024/user_avatar/community.plotly.com/cfriedline/32/3766_2.png) [@cfriedline](https://community.plotly.com/u/cfriedline)\
**Post date:** [November 5, 2018, 3:45pm UTC](https://community.plotly.com/t/introducing-dash-datatable/15242/14 "2018-11-05T15:45:31Z")

</div>

Hooray and congrats!

---

<div class="post-metadata">

**Author:** ![robvanneerrijnen](https://avatars.discourse-cdn.com/v4/letter/r/94ad74/32.png) [@robvanneerrijnen](https://community.plotly.com/u/robvanneerrijnen)\
**Post date:** [November 6, 2018, 10:47am UTC](https://community.plotly.com/t/introducing-dash-datatable/15242/15 "2018-11-06T10:47:38Z")

</div>

> [@chriddyp](#):
>
> Documentation: [https://dash.plot.ly/datatable](https://dash.plot.ly/datatable)

Well done and thx to all involved.  
Rob

---

<div class="post-metadata">

**Author:** ![vantaka2](https://sea2.discourse-cdn.com/flex024/user_avatar/community.plotly.com/vantaka2/32/5007_2.png) [@vantaka2](https://community.plotly.com/u/vantaka2)\
**Post date:** [November 7, 2018, 11:42pm UTC](https://community.plotly.com/t/introducing-dash-datatable/15242/16 "2018-11-07T23:42:49Z")

</div>

Thanks to everyone that worked hard to create this!

Can’t wait to start using this!

---

<div class="post-metadata">

**Author:** ![alim](https://sea2.discourse-cdn.com/flex024/user_avatar/community.plotly.com/alim/32/4760_2.png) [@alim](https://community.plotly.com/u/alim)\
**Post date:** [November 8, 2018, 6:55pm UTC](https://community.plotly.com/t/introducing-dash-datatable/15242/17 "2018-11-08T18:55:51Z")

</div>

Hi @austin I recently joined Deloitte in DC area. I have build a few dashboards with Dash and I would be interested in attending your course. I can’t send direct messages on this forum, since I just registered. Can you DM me your contact information please. Thanks!

---

<div class="post-metadata">

**Author:** ![chriddyp](https://sea2.discourse-cdn.com/flex024/user_avatar/community.plotly.com/chriddyp/32/16855_2.png) [@chriddyp](https://community.plotly.com/u/chriddyp)\
**Post date:** [November 12, 2018, 9:44pm UTC](https://community.plotly.com/t/introducing-dash-datatable/15242/18 "2018-11-12T21:44:50Z")

</div>

A post was split to a new topic: [`row_update` in `dash_table.DataTable`](https://community.plotly.com/t/row-update-in-dash-table-datatable/15564)

---

<div class="post-metadata">

**Author:** ![eddy\_oj](https://avatars.discourse-cdn.com/v4/letter/e/3ab097/32.png) [@eddy\_oj](https://community.plotly.com/u/eddy_oj)\
**Post date:** [November 14, 2018, 11:57am UTC](https://community.plotly.com/t/introducing-dash-datatable/15242/19 "2018-11-14T11:57:48Z")

</div>

I am also hosting a course on Dash at EY in London next month. Thank you for this fantastic new addition, I will definitely be incorporating it.

Our team is super appreciative of the work your team has achieved. I really do believe Plotly is trailblazing a better way in BI, which is why I am such a big advocate of it!

---

<div class="post-metadata">

**Author:** ![dadv92](https://sea2.discourse-cdn.com/flex024/user_avatar/community.plotly.com/dadv92/32/4754_2.png) [@dadv92](https://community.plotly.com/u/dadv92)\
**Post date:** [November 14, 2018, 1:11pm UTC](https://community.plotly.com/t/introducing-dash-datatable/15242/20 "2018-11-14T13:11:00Z")

</div>

Thank you so much guys! I was using DataTable from the other repo (data-table experiments) which was in beta. Merging this with dash core components means that it is getting real

---

<div class="post-metadata">

**Author:** ![chriddyp](https://sea2.discourse-cdn.com/flex024/user_avatar/community.plotly.com/chriddyp/32/16855_2.png) [@chriddyp](https://community.plotly.com/u/chriddyp)\
**Post date:** [November 19, 2018, 1:50pm UTC](https://community.plotly.com/t/introducing-dash-datatable/15242/21 "2018-11-19T13:50:09Z")

</div>

A post was split to a new topic: [Css property and selectors in `dash-table`](https://community.plotly.com/t/css-property-and-selectors-in-dash-table/15787)

---

<div class="post-metadata">

**Author:** ![chriddyp](https://sea2.discourse-cdn.com/flex024/user_avatar/community.plotly.com/chriddyp/32/16855_2.png) [@chriddyp](https://community.plotly.com/u/chriddyp)\
**Post date:** [November 27, 2018, 5:52pm UTC](https://community.plotly.com/t/introducing-dash-datatable/15242/22 "2018-11-27T17:52:03Z")

</div>

A post was split to a new topic: [Dash DataTable - Update data via external dropdown](https://community.plotly.com/t/dash-datatable-update-data-via-external-dropdown/16075)

---

<div class="post-metadata">

**Author:** ![Parag\_Hedawoo](https://avatars.discourse-cdn.com/v4/letter/p/4491bb/32.png) [@Parag\_Hedawoo](https://community.plotly.com/u/Parag_Hedawoo)\
**Post date:** [November 29, 2018, 12:41pm UTC](https://community.plotly.com/t/introducing-dash-datatable/15242/23 "2018-11-29T12:41:40Z")

</div>

Hey, good to be here! I was working earlier with dash\_table\_experiments, and am shifting over to dash\_table. What all changes would be necessary for a successful migration? I am getting a lot of errors while trying to modify my existing code. Thanks !

[Next page](https://community.plotly.com/t/introducing-dash-datatable/15242.md?page=2)
