# 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
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