# 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