# Jump to the Specified Cell
Example below shows the usage of jumping to the specified cell.
In this example, cursor jumps to cell, no column is 7.
<button class="jump">jump</button>
<div class="sample1 demo-grid small"></div>
1
2
2
const records = [
{ check: true, no: 1, name: "Cat" },
{ check: false, no: 2, name: "Tiger" },
{ check: true, no: 3, name: "Leopard" },
{ check: false, no: 4, name: "Jaguar" },
{ check: true, no: 5, name: "Cheetah" },
{ check: true, no: 6, name: "Lion" },
{ check: false, no: 7, name: "Ocelot" },
];
const grid = new cheetahGrid.ListGrid({
parentElement: document.querySelector(".sample1"),
header: [
{
field: "check",
caption: "check",
width: 80,
columnType: "check",
action: "check",
},
{
field: "no",
caption: "no",
width: 50,
},
{
field: "name",
caption: "name",
width: 200,
},
],
});
grid.records = records;
const jumpButton = document.querySelector(".jump");
jumpButton.onclick = function () {
grid.makeVisibleGridCell("name", 6);
grid.focusGridCell("name", 6);
};
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
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