Adding rows

To add rows to the table, use the data property.

You should add a new object to the data array with values for each row. Each parameter is the column ID from the columns property.

import { Grid } from "wx-react-grid";
import { getData } from "./common/data";

const { columns } = getData();

const data = [
    {
        id: 1,
        city: "Amieshire",
        country: 6,
        email: "Leora13@yahoo.com",
        firstName: "Ernest",
        lastName: "Schuppe",
        street: "Ratke Port",
        zipCode: "17026-3154",
        date: new Date("2016-09-23T07:57:40.195Z"),
        companyName: "Lebsack - Nicolas",
        stars: 820,
        followers: 70,
        newsletter: true,
        checked: 1,
    },
];

export default function App() {
    return (
        <div style={{ padding: "20px" }}>
            <div>
                <Grid data={data} columns={columns} />
            </div>
        </div>
    );
}