@thaddeusjiang/react-table
TypeScript icon, indicating that this package has built-in type declarations

0.1.3-rc.1 • Public • Published

Welcome to @thaddeusjiang/react-table 👋

React Table Component, if you need resize the column, you should use this component.

Version Documentation Maintenance License: MIT Twitter: ThaddeusJiang

features

  • [x] out of box react table component with beautiful style.
  • [x] resize column size of table.
  • [x] automatic animations
  • [x] override cellClassName

🏠 Homepage

Install

yarn add @thaddeusjiang/react-table @tanstack/react-table

Usage

if you don't use Tailwind CSS

import { DataTable } from '@thaddeusjiang/react-table';
import '@thaddeusjiang/react-table/dist/index.css';

<DataTable columns={columns} data={data} sort={['name', 'asc']} />;

if you use Tailwind CSS

import { DataTable } from '@thaddeusjiang/react-table';

<DataTable columns={columns} data={data} sort={['name', 'asc']} />;

modify tailwind.config.js

// tailwind.config.js
+ const path = require("path");

module.exports = {
  content: [
    "./src/**/*{js,ts,jsx,tsx}",
+    path.join(
+      require.resolve("@thaddeusjiang/react-table"),
+      "../**/*.{js,ts,jsx,tsx}"
+    ),
  ],
  theme: {},
  plugins: [],
};

Examples

Author

👤 Thaddeus Jiang

🤝 Contributing

Contributions, issues and feature requests are welcome!

Feel free to check issues page. You can also take a look at the contributing guide.

Show your support

Give a ⭐️ if this project helped you!

📝 License

Copyright © 2022 Thaddeus Jiang.

This project is MIT licensed.


This README was generated with ❤️ by readme-md-generator

Package Sidebar

Install

npm i @thaddeusjiang/react-table

Weekly Downloads

0

Version

0.1.3-rc.1

License

MIT

Unpacked Size

50.5 kB

Total Files

13

Last publish

Collaborators

  • thaddeusjiang