Javascript Magic Table

Welcome to Javascript Magic Table! This library empowers your HTML tables by making them fully dynamic—filterable, sortable, and much more—all without needing to write any custom logic.

Features

• Auto-sort: Sort your table rows by clicking on any header.
• Filterable: Quickly filter data in the table with an intuitive interface.
• No configuration needed: Just add a few classes to your HTML tables, and you're set!

Installation

You can install the library via npm:

npm install javascript-magic-table

Usage

1. Include the library in your project:

   <script type='module' src='/node_modules/javascript-magic-table/index.js'></script>
   <link rel="stylesheet" href="/node_modules/javascript-magic-table/src/style/style.css" />

2. Add the required classes to your HTML tables:

   <table class='javascript-magic-table javascript-magic-table-sort'>
     <!-- Your table content here -->
   </table>

That's it! Your tables are now fully functional and dynamic.

Example

<table class='javascript-magic-table javascript-magic-table-sort'>
  <thead>
    <tr>
      <th>Name</th>
      <th>Age</th>
      <th>City</th>
    </tr>
  </thead>
  <tbody>
    <!-- Your table rows here -->
  </tbody>
</table>

Documentation and Examples

For more detailed documentation and examples, visit the documentation site.

License

This project is licensed under the AGPL-3.0 License. This means that any modifications or improvements must be open-sourced and shared back with the community.