Skip to main content

Table Cell

Table Cell display mode, just set the screen size you want the mode to be, for example: tableCellMediaSize={400}

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

export interface IPaginateData {
id: number,
name: string,
role: string,
}

const TableCell = () => {

const data: IPaginateData[] = [
{id: 1, name: 'Jack Wu', role: 'Admin'},
{id: 2, name: 'Imagine Chiu', role: 'Guest'},
{id: 3, name: 'Jason Dinwiddie', role: 'Manage'},
{id: 4, name: 'Gloria Lu', role: 'Guest'},
];

return <AcroolTable
title={{
name: {text: 'Name', col: 'auto'},
role: {text: 'Role', col: '120px'},
}}
data={data.map(row => {
return {
id: row.id,
field: {
name: row.name,
role: row.role,
},
};
})}
tableCellMediaSize={400}
/>
}


#
Name
Amount
Role
Crated
Joined
Jack Wu$ 200Admin12/14Y
Imagine Chiu$ 99Guest12/15Y
Jason Dinwiddie$ 880Manage12/12N
Gloria Lu$ 12,300Guest12/11Y
Adam Bolton$ 2,500Guest12/12N
Stanley McQueen$ 200Guest12/12N
Bryson White$ 200Guest12/12N
Joe Bieber$ 200Guest12/12N
Loading...
Show 1 - 0 itemTotal 0 item / 1 Page