# Generate Data Table with AI

> With  AI, you can now generate native data grid components with real data inside your wireframe with just a click. So, whether...

Source: https://mockflow.com/docs/mida/data-table-with-ai

With  AI, you can now generate native data grid components with real data inside your wireframe with just a click. So, whether you are designing a transaction listing grid for your finance app or an order history table for your e-commerce app, you can now create it super quick!

The following are the steps to generate a data table with AI:

1. Click on Genius AI.

1. Select Generate DataGrid.

![Data grid AI.gif](https://assets.mockflow.com/docs/media/1cf3f501d831dae5ddd9298d.gif)

1. Enter the prompt (make sure that you specify in detail to get accurate data generated), set the number of rows, and click on 'Generate table'.

![Data grid AI (2).gif](https://assets.mockflow.com/docs/media/613adf0b1a0e2d4c172fd867.gif)

1. The data table will be generated.

1. And click on the 'Use' button to add it to your editor canvas.

![Data grid AI (3).gif](https://assets.mockflow.com/docs/media/d44b5113e0232cf427638def.gif)

It is very useful to quickly generate random data to indicate a data listing on your UI design wireframe.

Here's a video demonstrating an useful application of this feature:

[Video](https://www.youtube.com/embed/WNigGgjy1CA)