# How do I view all my data in a table instead of json

**URL:** <https://discuss.elastic.co/t/how-do-i-view-all-my-data-in-a-table-instead-of-json/241819>\
**Category:** Elastic Search\
**Tags:** elastic-app-search\
**Created:** [July 19, 2020, 10:45pm UTC](https://discuss.elastic.co/t/how-do-i-view-all-my-data-in-a-table-instead-of-json/241819 "2020-07-19T22:45:38Z")\
**Posts on this page:** 1\
**Showing post:** 5

<div class="post-metadata">

**Author:** ![JasonStoltz](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/jasonstoltz/32/49893_2.png) [@JasonStoltz](https://discuss.elastic.co/u/JasonStoltz)\
**Post date:** [July 21, 2020, 7:22pm UTC](https://discuss.elastic.co/t/how-do-i-view-all-my-data-in-a-table-instead-of-json/241819/5 "2020-07-21T19:22:03Z")

</div>

Here's another post where I talk a bit about customizing views: [Reference UI - how to modify what's displayed (React newbie)](https://discuss.elastic.co/t/reference-ui-how-to-modify-whats-displayed-react-newbie/199471/2)

Also, see the "headless" example from the main page. You can access the raw array of results and do whatever you'd like with it: [https://github.com/elastic/search-ui#creating-a-search-experience](https://github.com/elastic/search-ui#creating-a-search-experience)

```auto
<SearchProvider config={config}>
  <WithSearch
    mapContextToProps={({ results }) => ({
      results
    })}
  >
    {({ results }) => {
      return (
        <div>
          {results.map(r => (
            <div key={r.id.raw}>{r.title.raw}</div>
          ))}
        </div>
      );
    }}
  </WithSearch>
</SearchProvider>

```

---

_[View the full topic](https://discuss.elastic.co/t/how-do-i-view-all-my-data-in-a-table-instead-of-json/241819)._