Skip to main content

Start NextJS

Let's discover Acrool React Table in less than 5 minutes.

What you'll need

Check Example

Or with GitHub

Change ModuleResolution

npx create default is bundler

tsconfig.json
{
"moduleResolution": "node"
}

Add Style

src/app/layout.tsx
import './globals.css'
import '@acrool/react-table/dist/index.css';
import '@acrool/react-table/dist/themes/acrool.css'; // (Option Themes)

Getting Started

src/app/page.tsx
'use client'

import Table from '@acrool/react-table';

export default function Home() {
return (
<Table
isDark
title={{
name: {text: 'Title', col: 100},
desc: {text: 'Text', col: true},
}}
data={[
{id: 1, field: {name: 'Image Chiu', desc: 'this is a frontend coder'}},
{id: 2, field: {name: 'Gary Chien', desc: 'this is a backend coder'}},
]}
/>
);
}