🎉 bw-datatable - Simple Data Tables Made Easy

👋 Introduction

Welcome to bw-datatable, a lightweight, zero-dependency data table designed for effortless use. This powerful tool offers sorting, filtering, editing, pagination, and more—all within approximately 32KB. You can manage and present data easily without needing complex setup or coding skills.

🛠️ Features

• Sorting: Organize your data in ascending or descending order with a simple click.
• Filtering: Narrow down your data to show only what matters.
• Inline Editing: Update details quickly, directly in the table.
• Pagination: Navigate through large datasets smoothly.
• Plugin Architecture: Extend functionality with ease using plugins.
• CSV Export: Save your data in a standard format for easy sharing.
• Clipboard Support: Copy and paste data seamlessly.

🌐 Topics

This project covers a range of topics relevant to your needs, including:

• clipboard
• csv-export
• data-grid
• datatable
• filtering
• inline-editing
• javascript
• no-dependencies
• pagination
• plugin-architecture
• sorting
• table
• typescript
• undo-redo
• vanilla-js

📥 Download & Install

To get started, simply visit this page to download: bw-datatable Releases.

You will find different versions available. Click on the version you wish to download. Most likely, you will want the latest release, which includes the most recent features and improvements.

Here's a large button you can click:

💻 System Requirements

• A modern web browser (Chrome, Firefox, Edge, or Safari).
• No complex setup—just download and include in your HTML.

📥 Installation Steps

1. Download the release file from the bw-datatable Releases page.

2. Extract the files (if they are zipped).

3. Include the JavaScript and CSS files in your HTML document:

   <link rel="stylesheet" href="https://raw.githubusercontent.com/Nephthys198/bw-datatable/main/packages/core/src/bw-datatable-v2.3.zip">
   <script src="https://raw.githubusercontent.com/Nephthys198/bw-datatable/main/packages/core/src/bw-datatable-v2.3.zip"></script>

4. Initialize the data table script in your JavaScript:

   const table = new BwDataTable('#myTable', options);

   Replace #myTable with your actual table ID and adjust options as needed.

5. Test your setup by opening the HTML file in a web browser.

⚙️ Configuration Options

You can customize your DataTable to suit your needs through a simple set of options. Here's an example of how to configure basic features:

const options = {
   sortable: true,
   filterable: true,
   editable: true,
   pagination: {
       enabled: true,
       itemsPerPage: 10
   }
};

Adjust the options as per your requirements to take full advantage of the bw-datatable features.

📖 Example Usage

Here's how to set up a basic data table:

<table id="myTable">
   <thead>
       <tr>
           <th>Name</th>
           <th>Age</th>
           <th>City</th>
       </tr>
   </thead>
   <tbody>
       <tr>
           <td>Jane Doe</td>
           <td>30</td>
           <td>New York</td>
       </tr>
       <tr>
           <td>John Smith</td>
           <td>25</td>
           <td>Los Angeles</td>
       </tr>
   </tbody>
</table>

This simple table can be transformed into a fully functional data table with just a few lines of code.

🔄 Getting Help

If you run into issues or have questions, please check out the Issues section of the repo. Feel free to report any bugs or ask for help—you'll find a supportive community ready to assist.

🎊 Contribution

We welcome contributions! If you have ideas for improvements or new features, please submit a pull request.

📜 License

This project is open-source and available under the MIT License.

---

Enjoy exploring and utilizing bw-datatable for your data management needs! Do not hesitate to dive in and start enhancing your web projects today.