Skip to main content
100%

Sortable, Filterable Table

✓ Published0🌍 Public
TThanaporn-sk
Last edited Jan 24, 2017
Created on Jan 24, 2017

This example presents a sortable, filterable table of YouTube channel data, showing each channel’s title, view count, creation date, and URL. A search input filters rows by title prefix, while clicking column headers sorts the table, with click counts tracked per column. Built with D3.js v3, it binds JSON data to table rows and dynamically updates the DOM on input and sort events. The code constructs cells, conditionally wraps URLs in anchor tags, and uses a custom regex-based filter to match titles.

AI-generated description

Sortable, Filterable table made with D3.js See the React.js version here

Note: This D3 version of the table doesn't clear the search text onBlur. This allows you to sort the search results.

forked from <a href='http://bl.ocks.org/dhoboy/'>dhoboy</a>'s block: <a href='http://bl.ocks.org/dhoboy/1ac430a7ca883e7a8c09'>Sortable, Filterable Table</a>

mit Licensed

Similar vizzes