# Create interactive custom widget for filtered data from tulip table

**URL:** <https://community.tulip.co/t/create-interactive-custom-widget-for-filtered-data-from-tulip-table/5952>\
**Category:** General\
**Tags:** tulip-tables, custom-widgets\
**Created:** [July 28, 2022, 10:57am UTC](https://community.tulip.co/t/create-interactive-custom-widget-for-filtered-data-from-tulip-table/5952 "2022-07-28T10:57:10Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![Pete\_Hartnett](https://sea2.discourse-cdn.com/flex020/user_avatar/community.tulip.co/pete_hartnett/32/3678_2.png) [@Pete\_Hartnett](https://community.tulip.co/u/Pete_Hartnett)\
**Post date:** [July 28, 2022, 12:34pm UTC](https://community.tulip.co/t/create-interactive-custom-widget-for-filtered-data-from-tulip-table/5952/2 "2022-07-28T12:34:56Z")

</div>

Hey @Ganesha -

A couple things to know-

1. You will need to hit the tables API within your custom widget JavaScript to get to table data. A demo of how to do that is here ([Getting Table Records from the API in JavaScript](https://community.tulip.co/t/getting-table-records-from-the-api-in-javascript/4790))
2. From there, you need to render that table. This is fairly involved to do yourself, but @timdietrich made a sweet custom widget here ([DataTable Custom Widget](https://community.tulip.co/t/datatable-custom-widget/5569)) that leverages the DataTable Library to display table data.

The other option is to make your own logic to create the table. Attached is an example widget where I did that (with my API keys removed). In this case a user wanted an interactive table where multiple records could be loaded.

[https://us1.discourse-cdn.com/flex020/uploads/agilemfg/original/2X/c/c7bf8508185d579179af500712b630d2c7457c46.mov](https://us1.discourse-cdn.com/flex020/uploads/agilemfg/original/2X/c/c7bf8508185d579179af500712b630d2c7457c46.mov)

[customWidget-Custom Table Viewer - select multiple rows No Keys.json](https://community.tulip.co/uploads/short-url/gfVDuK6hWG00Pox4UFvXYiMWrMX.json) (5.0 KB)

Pete

---

_[View the full topic](https://community.tulip.co/t/create-interactive-custom-widget-for-filtered-data-from-tulip-table/5952)._