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'}},
            ]}
        />
    );
}