view-table

A re-usable Material Design table for automatically displaying formatted JSON data, including support for nested objects. Booleans can be displayed as icons. Hex code/RGB values can be shown in colour. Dates can be displayed in your desired format.

Usage no npm install needed!

<script type="module">
  import viewTable from 'https://cdn.skypack.dev/view-table';
</script>

README

ViewTable

VIEW DEMO + GENERATE CODE

Dynamic HTML Table

Features
  1. Pagination
  2. Sorting
  3. Search
  4. Convert JSON to Material Design Table
  5. Supports unlimited nested objects
  6. Date formatting
  7. Hex codes + RGB values as colour
  8. Boolean data as tick/cross icons
  9. Row hover highlighting
  10. Row click to emit object data