import Grid from "./src/grid";

const grid = new Grid({
    data: [
        { id: "1", firstName: "Ivar", lastName: "Løvlie" },
        { id: "2", firstName: "Sebastian", lastName: "" },
        { id: "3", firstName: "Heidi", lastName: "" },
        { id: "4", firstName: "Frank", lastName: "" },
        { id: "5", firstName: "Ivar", lastName: "Løvlie" },
        { id: "6", firstName: "Sebastian", lastName: "" },
        { id: "7", firstName: "Heidi", lastName: "" },
        { id: "8", firstName: "Frank", lastName: "" },
        { id: "9", firstName: "Ivar", lastName: "Løvlie" },
        { id: "10", firstName: "Sebastian", lastName: "" },
        { id: "11", firstName: "Heidi", lastName: "" },
        { id: "12", firstName: "Frank", lastName: "" },
        { id: "13", firstName: "Ivar", lastName: "Løvlie" },
        { id: "14", firstName: "Sebastian", lastName: "" },
        { id: "15", firstName: "Heidi", lastName: "" },
        { id: "16", firstName: "123123", lastName: "" },
    ],
    pageSize: 5,
    columns: [
        {
            dataId: "id",
            columnName: "ID",
        },
        {
            dataId: "firstName",
            columnName: "Fornavn",
        },
        {
            cellValue: (row) => row.lastName,
            columnName: "Etternavn",
        },
    ],
});

grid.render(document.querySelector("#root"));