開始使用

在 你的專案中 開始使用

你需要什麼環境

• Node.js version 14 or above:
• React.js version 18 or above:
• Styled-components version 5.3.x

安裝

yarn add @acrool/react-table

您可以在命令提示符、Powershell、終端或代碼編輯器的任何其他集成終端中鍵入此命令

在你的專案中使用

將所需的樣式文件添加到項目入口點

/src/App.tsx

import '@acrool/react-table/dist/index.css';
import '@acrool/react-table/dist/themes/acrool.css'; // (可選的主題)

接著使用看看

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

然後看到這個就代表你成功了

Title	Text
Image Chiu	this is a frontend coder
Gary Chien	this is a backend coder

Loading...

Show 1 - 0 itemTotal 0 item / 1 Page

8/Page40/Page72/Page150/Page