How to build an Actionable data table with react table and tailwindcss

What is a Data table?

Why it is important?

Setup and Install

Getting started

Render Editable Cell

  • value — it returns the value to the custom cell, you will need the initial value to render it inside the component
  • row — it returns the value of row that you have inserted the cell into.
  • column — it returns the value of columns that you are adding the cell into.
  • updateMyDate — it is a props to update the parent component on the onBlur event

Search and Filter

Conclusion

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store