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 🙏

© 2024 – Pkg Stats / Ryan Hefner

@ryniaubenpm/exercitationem-non-voluptas

v1.0.0

Published

![TanStack Table Header](https://github.com/tanstack/table/raw/main/media/repo-header.png)

Downloads

5

Maintainers

mi762136mi762136

Keywords

zodscheme-validationlengthdeep-copyimportreduxstreams2dom-testing-libraryiam_.extendrapiddirspinnerUint8Arraynodedescriptiontostringtagcompile lessrequestarraymonorepojestUint16ArrayestreetouchperformanceawesomesauceECMAScript 7traversemrues8negativecloudformationfastifyreadsignalscloudsearchinterruptsargvpackage.jsontrimRightbreakdotenvschemebusyemitemrfileRFC-6455ECMAScript 2018ECMAScript 2021typeerrorutilitythrottlestateopenwalkpersistentcloudfrontsetImmediateinvariantparseflagfast-deep-cloneregular expressionsfast-deep-copydeterministicrm -rffunctionsdatatypeslinkelasticachestylingsesfast-copyequalityapiFloat32ArrayformsUint8ClampedArraypushpredictableairbnbprotobufes-shim APItyped arrayfast-cloneArrayBuffer.prototype.slicegradients css3CSSStyleDeclarationWeakSetnamequoteprunerdsstructuredClonestatelesstoolkithasOwnPropertypostcss-pluginkoreancensortypeofassertsdebugyuprmdirawaitvalidateshellreadablestreamsyntaxerror.envmobilenativebindbanner[[Prototype]]taskequalFunction.prototype.nameFloat64Arrayesbcryptavabyteutilitiesroute53middlewareeveryduplexstyleguideparentsrm -frinferenceloadbalancingpropertykinesisjQueryReactiveXfseventseventDispatcherArrayInt16ArrayprototypebyteOffsetRegExp#flagses7queueidentifierswafconnectmkdirJSON-SchemacreateString.prototype.matchAllweb-0commandertypedarrayiterationwhichiteratesqsvisualprettykeymulti-packageArray.prototype.containsschemajsonintrinsicES2017spinnerses2018prefixdescriptoroncebootstrap csstypanionrateextensionwidthdatepackage

Readme

TanStack Table Header

TanStack Table v8

Headless UI for building powerful tables & datagrids for React, Solid, Vue, Svelte, Qwik and TS/JS.

Looking for version 7 of @ryniaubenpm/exercitationem-non-voluptas? Click here!

Enjoy this library?

Try other TanStack libraries:

Visit tanstack.com/table for docs, guides, API and more!

You may know TanStack Table by our adapter names, too!

Summary

TanStack Table is a headless table library, which means it does not ship with components, markup or styles. This means that you have full control over markup and styles (CSS, CSS-in-JS, UI Component Libraries, etc) and this is also what gives it its portable nature. You can even use it in React Native!

If you want a lightweight table with full control over markup and implementation, then you should consider using TanStack Table, a headless table library.

If you want a ready-to-use component-based table with more power but more constraints around markup/styles/implementation, you should consider using AG Grid, a component-based table library from our OSS partner AG Grid.

TanStack Table and AG Grid are respectfully the best table/datagrid libraries around. Instead of competing, we're working together to ensure the highest quality table/datagrid options are available for the entire JS/TS ecosystem and every use-case.

Quick Features

  • Agnostic core (JS/TS)
  • 1st-class framework bindings for React, Vue, Solid
  • ~15kb or less (with tree-shaking)
  • 100% TypeScript (but not required)
  • Headless (100% customizable, Bring-your-own-UI)
  • Auto out of the box, opt-in controllable state
  • Filters (column and global)
  • Sorting (multi-column, multi-directional)
  • Grouping & Aggregation
  • Pivoting (coming soon!)
  • Row Selection
  • Row Expansion
  • Column Visibility/Ordering/Pinning/Resizing
  • Table Splitting
  • Animatable
  • Virtualizable
  • Server-side/external data model support

Migrating from React Table v7

Notable Changes

  • Full rewrite to TypeScript with types included in the base package
  • Removal of plugin system to favor more inversion of control
  • Vastly larger and improved API (and new features like pinning)
  • Better controlled state management
  • Better support for server-side operations
  • Complete (but optional) data pipeline control
  • Agnostic core with framework adapters for React, Solid, Svelte, Vue, and potentially more in the future
  • New Dev Tools

Migration

There are a fair amount of breaking changes (they're worth it, trust us!):

  • Turns out that TypeScript makes your code a lot better/safer, but also usually requires breaking changes to architecture.
  • Plugin system has been removed so plugins must be rewritten to wrap/compose the new functional API. Contact us if you need help!
  • Column configuration options have changed, but only slightly.
  • Table options are mostly the same, with some larger changes around optional state management/control and data pipeline control
  • The table instance while similar in spirit to v7 has been reconfigured to be much faster.

Installation

Install one of the following packages based on your framework of choice:

# Npm
npm install @tanstack/qwik-table
npm install @tanstack/@ryniaubenpm/exercitationem-non-voluptas
npm install @tanstack/solid-table
npm install @tanstack/svelte-table
npm install @tanstack/vue-table
npm install @tanstack/table-core #vanilla js that can work with any framework

How to help?

  • Try out the already-migrated examples
  • Try it out in your own projects.
  • Introspect the types! Even without the docs finished, the library ships with 100% typescript to help you explore its capabilities.
  • Read the contribution guidelines
  • Write some docs! Start with the API docs and try adding some information about one or more of the features. The types do a decent job of showing what's supported and the capabilities of the library.
  • Using a plugin? Try rewriting your plugin (v8 doesn't have a plugin system any more) as a functional wrapper that uses TanStack Table internally. The new API is much more powerful and easier to compose. If you find something you can't figure out, let us know and we'll add it to the API.

Become a Sponsor