Skip to main content

Getting Started

Get started in your project.

What you'll need​

Installation​

yarn add @acrool/react-table

You can type this command into Command Prompt, Powershell, Terminal, or any other integrated terminal of your code editor.

Start your project​

Add the required style files to your project entry point

/src/App.tsx
import '@acrool/react-table/dist/index.css';
import '@acrool/react-table/dist/themes/acrool.css'; // (options themes)

use component

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

const MyPage = () => {
    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'}},
            ]}
        />
    );
}

Then seeing this means you succeeded

Title
Text
Image Chiuthis is a frontend coder
Gary Chienthis is a backend coder
Loading...
Show 1 - 0 itemTotal 0 item / 1 Page