@omakase-ui/react-table
v0.2.0
Published
Omakase React Table Component.
Downloads
51
Maintainers
Readme
Welcome to @omakase-ui/react-table 👋
Omakase React Table Component.
features
- [x] out of box react table component with beautiful style.
- [x] resize column size of table.
- [x] automatic animations
🏠 Homepage
✨ Demo
Install
yarn add @omakase-ui/react-table @tanstack/react-table
Usage
if you don't use Tailwind CSS
import { DataTable } from '@omakase-ui/react-table';
import '@omakase-ui/react-table/dist/index.css';
<DataTable columns={columns} data={data} sort={['name', 'asc']} />;
if you use Tailwind CSS
import { DataTable } from '@omakase-ui/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("@omakase-ui/react-table"),
+ "../**/*.{js,ts,jsx,tsx}"
+ ),
],
theme: {},
plugins: [],
};
Author
👤 Thaddeus Jiang
- Website: https://thaddeusjiang.com/
- Twitter: @ThaddeusJiang
- Github: @ThaddeusJiang
🤝 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