1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
|
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"));
|
