npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

mantine-datatable-extended

v0.4.6

Published

An extension library for Mantine DataTable, providing powerful and easy-to-use features for building data tables in React applications.

Vulnerabilities

Powered byPowered by Snyk
  • 0High
  • 0Medium
  • 0Low

Links

Git

Maintainers

hoaaqhoaaq

Keywords

Readme

Mantine DataTable Extended

A compound component library for Mantine DataTable, providing powerful and easy-to-use features for building data tables in React applications.

Why this library?

Production-ready with easy-to-use concepts, including leverage some limitations of the original library:

  • Column toggling: Now supports multiple columns and dedicated component for managing column visibility
  • Multi-column sorting: Now supports multiple columns and dedicated component for managing column sorting
  • Search and Filter: Standardized and easy-to-use with dedicated component for managing column search and filter
  • Pagination: Separated from table footer, no more blocked by async data loading
  • Server-side: Easy setup for server-side rendering, data prefetching, query building

Key Features

Supported Frameworks

🎯 Standardized Components

  • MDESearch: Search with multi-column selection
  • MDEFilter: Filter data with various filter types (text, number, date, select, range...)
  • MDESortList: Sort by multiple columns simultaneously
  • MDEColumnsToggle: Show/hide columns
  • MDEPagination: Flexible pagination that can be placed anywhere

🔗 URL State Management

  • Query states are stored in URL
  • Shareable links - share URLs with filters/search/sort applied
  • SEO-friendly with SSR support
  • Easy integration with server-side rendering

🚀 Server-Side Integration

  • Server-side data prefetching
  • Hybrid fetching with Tanstack Query
  • Type-safe with TypeScript

🎨 Developer Experience

  • Full TypeScript with type inference
  • Consistent and easy-to-use API
  • Customizable i18n for all text
  • Flexible layout - arrange components as needed

Installation

pnpm add mantine-datatable-extended

Peer Dependencies:

  • @dnd-kit/react >= 0.3
  • @mantine/core >= 8.3
  • @mantine/dates >= 8.3
  • @mantine/hooks >= 8.3
  • @tabler/icons-react >= 3.35
  • clsx >= 2
  • dayjs >= 1.11
  • mantine-datatable >= 8.3
  • react >= 19
  • react-dom >= 19
  • zod >= 4.1
  • nuqs >= 2.8
  • tanstack-router >= 1.43

Note:

  • If you use Next.js, you need to install nuqs
  • If you use Tanstack Start, you need to install tanstack-router

Documentation

For detailed documentation, examples, and API reference, please visit the documentation website.

Important Note

This is an opinionated library built with many personal opinions to reduce customization time and achieve immediate results. Use it if you really need these features.

You can still use this library alongside the original Mantine DataTable without any conflicts.

License

MIT

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.