@ryniaubenpm/rerum-vitae-quo

v1.0.0

Published

7 months ago

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

Downloads

0High
0Medium
0Low

wait electron package.json limited jsx mobile Underscore ES2021 consume browserlist stable Push iteration vars japanese jsdom xdg RxJS executable Object.keys ECMAScript 2016 utilities sort emr prefix sqs trimEnd zero contains Streams tape flags prototype private data rm -fr watcher libphonenumber flatten restful mime getintrinsic starter censor Uint8ClampedArray spinner korean test function Float64Array Array.prototype.flatten sequence coercible dom-testing-library ES8 listeners emoji __proto__Iterator link postcss less mixins typeerror properties file ECMAScript 2020 beanstalk debugger parent pretty shebang url internal slot intrinsic deep request fast-deep-clone limit getopt hookform launch core-js deep-copy less css look loading which logger bluebird native Uint16Array Object.assign ascii fetch StyleSheet encryption moment ECMAScript 7 eslintconfig sorted exit east-asian-width gdpr obj ECMAScript 2021 express windows picomatch tap config css less symlinks rm css variable ratelimit values resolve urls rate globals ES2015 callback make dir child es6 full-width less fast shim linewrap promise Object.defineProperty arktype es8 code points dataview trimStart browser styling RFC-6455 is weakset dotenv _.extend syntaxerror rangeerror banner TypeBox mkdir javascript toobject util cjk sinatra copy es2018 Function.prototype.name global opens iam ArrayBuffer#slice Object.entries identifiers parser framework parents sigint descriptor datastructure state xterm bootstrap less columns module YAML names drop fast-copy live name cloudsearch once findLastIndex bind in jest io-ts ES3 typeof log tools glacier spec term getPrototypeOf irq eslint dataView enumerable mimetypes middleware data ES2016 throat ES2020 accessor bundling cloudfront arguments cmd command-line -0 promises variables in css styled-components Object.values rapid waf URLSearchParams mime-db touch @@toStringTag mocha jasmine redux-toolkit callbind ECMAScript 2019 crypt throttle regular react-hook-form tester push require ES2018 side String.prototype.matchAll functions env sigterm gradients css3 matchAll es-abstract Object.getPrototypeOf kinesis tslib es2017 simpledb scheme-validation matches functional has $.extend compiler ender symbol filter elb descriptors swf assert args escape pyyaml util.inspect Array.prototype.findLast typed react-hooks patch lazy flatMap Set exit-code walk equal remove Int16Array environments flag ecmascript fast-clone eslint-plugin BigUint64Array deepcopy rmdir trim groupBy array commander less compiler emit Microsoft WebSocket take scheme HyBi directory description colors polyfill minimal Observable operating-system ECMAScript 2015

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/rerum-vitae-quo? 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/rerum-vitae-quo
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.

Published

Vulnerabilities

Links

Maintainers

Keywords

Readme