Wijmo UI for the Web
Setting Row Header
Wijmo User Guide > Widgets > Grid > Grid Concepts > Rows > Setting Row Header

The wijgrid widget allows you to display the header of each row by setting the showRowHeader option to true. The Row header indicates the position of the current cell and the row that is being edited.

Script
Copy Code
<script id="scriptInit" type="text/javascript">
    require(["wijmo.wijgrid"], function () {
    $(document).ready(function () {
        $("#wijgrid").wijgrid({
            cellClicked: function (e, args) {
                alert(args.cell.value());
            },
            showRowHeader: true,//displays row header
            allowSorting: true,
            data: [
                [27, 'Canada', 'Adams, Craig', 'RW'],
                [43, 'Canada', 'Boucher, Philippe', 'D', 'R'],
                [24, 'Canada', 'Cooke, Matt', 'LW', 'L'],
                [87, 'Canada', 'Crosby, Sidney (C)', 'C', 'L'],
                [1, 'United States', 'Curry, John', 'G', 'L'],
              
            ],

         columns: [                          
                { headerText: "Number",dataType:'number'}, 
                { headerText: " Country",dataType:'string'},
                {headerText:  "Player", dataType:'string'},
                {headerText: " Position", dataType:'string'},
      
            ]
        });
    });
    });
</script>