react-angrid-ts v1.7.0

react-angrid-ts Demo

.

Installation

npm install react-angrid-ts

Features

• custom css
• localization
• rtl support
• dark theme
• pagination
• sortable

Usage Example

import {Angrid} from "rect-angrid-ts";

const columns = [
    {
        field: 'userId',
        headerName: 'User Id',
        description: 'user id that is unique',
        width: 30,
        sortable: true,
    },
    {
        field: 'fullName',
        headerName: 'Fullname',
        description: 'full name of user',
        width: 100,
        sortable: true,
    },
    {
        field: 'age',
        headerName: 'Age',
        description: 'age of user',
        width: 50,
        sortable: true,
    },
    {
        field: 'delete',
        headerName: 'delete(component cell)',
        description: 'delete user',
        width: 50,
        render: (row: any) => {
            return <button onClick={() => console.log(row)}>delete</button>
        },
    },
]

<div className='App' dir='rtl'>
            <Angrid
                rtl
                showRowNumber
                columns={columns}
                rows={createUsers()}

                onPageChange={(page, size) => console.log(page, size)}
                pageSize={10}
                showCurrentPage
                showNumberOfPage
                showTotalRecord
                rowHeight={30}
            />
        </div>

Props

Pull Request

• unit test
• customize theme
• customize dark mode
• add filter
• create Document
• Responsive