DEV Community

Cover image for Smart.Table is Now Free & Open-Source: Power Your Data UIs
jQWidgets
jQWidgets

Posted on

Smart.Table is Now Free & Open-Source: Power Your Data UIs

Smart.Table is Now Free & Open-Source: Power Your Data UIs

October 9, 2025 | By Boyko Markov, Founder of jQWidgets

🎉 Big news, developers! We're thrilled to announce that Smart.Table, our battle-tested Web Component for building powerful data tables, is now completely free and open-source under the Apache 2.0 license! 🚀 As part of the Smart UI Community Edition, Smart.Table is ready to supercharge your dashboards, admin panels, and data-driven apps—without costing a dime.

At jQWidgets, we've spent over a decade crafting UI tools that empower developers worldwide, from Fortune 500 companies to indie creators. Today, we're giving back to the community by open-sourcing Smart.Table, making its enterprise-grade features accessible to everyone. Whether you're building with React, Angular, Vue, Blazor, or vanilla JavaScript, Smart.Table is your go-to for creating blazing-fast, responsive, and customizable data tables.

Why Smart.Table?

Smart.Table isn't just another table library—it's a lightweight, framework-agnostic Web Component that enhances the native HTML <table> with enterprise-level capabilities. Designed for simplicity and performance, it's perfect for modern web apps, from small-scale projects to complex enterprise systems.

Key Features

  • Advanced Filtering 🔍: Filter rows with intuitive filter rows or input-based search.
  • Multi-Column Sorting 📈: Sort data across multiple columns with custom logic.
  • Grouping & Tree Tables 📚: Organize hierarchical data with collapsible groups and expandable rows.
  • Inline Editing ✏️: Edit cells and rows with built-in validation.
  • Virtualization ⚡: Handle massive datasets with smooth scrolling (Enterprise upgrade for advanced use).
  • Data Export 📊: Export to Excel, PDF, CSV, TSV, and HTML (Excel/PDF in Enterprise).
  • Responsive Design 📱: Adaptive layouts for desktop, tablet, and mobile with sticky headers/columns.
  • Accessibility ♿: WAI-ARIA compliant with full keyboard navigation.
  • Customizable Themes 🎨: Supports Bootstrap, Material, and custom CSS for seamless branding.
  • Column Reordering: Drag-and-drop columns for dynamic layouts.

Smart.Table is lightweight (~50-100KB minified), dependency-free, and integrates effortlessly with Angular, React, Vue, Blazor, or vanilla JavaScript. It's been battle-tested in real-world applications, powering dashboards for startups, universities, and global enterprises.

Smart.Table with Filter Row and Sorting

Why Open-Source?

At jQWidgets, we believe in empowering the developer community. By making Smart.Table open-source under Apache 2.0, we're removing barriers and inviting you to:

  • Fork and Customize: Tailor Smart.Table to your project's needs.
  • Contribute: Join our community to add features, fix bugs, or share ideas.
  • Deploy Freely: Use it in personal or commercial projects with no restrictions.

This move aligns with our mission to deliver enterprise-grade tools that are accessible to all. Smart.Table's open-source release is a step toward fostering innovation and collaboration in the Web Components ecosystem.

Get Started with Smart.Table

Installation

Install via npm for modern JavaScript projects:

npm install @smarthtmlelements/smart-table
Enter fullscreen mode Exit fullscreen mode

Or use the CDN for quick setups:

<script src="https://cdn.jsdelivr.net/npm/@smarthtmlelements/smart-table/source/smart.core.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@smarthtmlelements/smart-table/source/styles/smart.default.css" />
Enter fullscreen mode Exit fullscreen mode

Basic Example

Create a responsive table in minutes:

<smart-table>
  <table>
    <thead>
      <tr>
        <th scope="col">Country</th>
        <th scope="col">Area (km²)</th>
        <th scope="col">Population</th>
        <th scope="col">GDP (USD)</th>
      </tr>
    </thead>
    <tbody>
      <tr><td>Brazil</td><td>8515767</td><td>205809000</td><td>2353025</td></tr>
      <tr><td>China</td><td>9388211</td><td>1375530000</td><td>10380380</td></tr>
      <tr><td>France</td><td>675417</td><td>64529000</td><td>2846889</td></tr>
    </tbody>
  </table>
</smart-table>
Enter fullscreen mode Exit fullscreen mode

Explore advanced configurations in our Documentation.

Try It Out

See Smart.Table in action with our interactive demos:

Sortable Smart.Table with Material Theme

Join the Community

Smart.Table is now yours to shape! Here's how you can get involved:

Star Smart.Table on GitHub

Why This Matters

Smart.Table's open-source release is a game-changer for developers building data-heavy applications. Compared to alternatives like AG-Grid, Smart.Table offers a lighter footprint and zero-cost access to core enterprise features, with optional upgrades for advanced needs (starting at ~$399 for the full Smart UI suite). Its Web Component architecture ensures future-proof compatibility and easy integration, whether you're crafting a Blazor app for .NET or a React dashboard.

We're excited to see what you build with Smart.Table. From startups to enterprises, let's create the next generation of data UIs together! 💪 Drop a comment below or tag us on X with your projects using #SmartTable.

Links:

Tags: #WebComponents #OpenSource #DataTable #EnterpriseUI #jQWidgets #JavaScript #React #VueJS #Angular #Blazor #UIComponents #Frontend #MaterialDesign #ResponsiveDesign


© 2025 jQWidgets Ltd. Built with ❤️ for the global developer community.

Top comments (0)