React Table Component, if you need resize column width, you should use this component.
MIT License
React Table Component, if you need resize the column, you should use this component.
yarn add @thaddeusjiang/react-table @tanstack/react-table
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: [],
};
Thaddeus Jiang
Contributions, issues and feature requests are welcome!
Feel free to check issues page. You can also take a look at the contributing guide.
Give a if this project helped you!
Copyright 2022 Thaddeus Jiang.
This project is MIT licensed.
This README was generated with by readme-md-generator