igGrid - selecting and scrolling

by georgianastasov

HTML

<script src="https://igniteui.com/js/modernizr.min.js"></script>
<script src="https://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="https://code.jquery.com/ui/1.10.3/jquery-ui.min.js"></script>
<script src="https://cdn-na.infragistics.com/igniteui/latest/js/infragistics.core.js"></script>
<script src="https://cdn-na.infragistics.com/igniteui/latest/js/infragistics.lob.js"></script>
<link href="https://cdn-na.infragistics.com/igniteui/latest/css/themes/infragistics/infragistics.theme.css" rel="stylesheet"></link>
<link href="https://cdn-na.infragistics.com/igniteui/latest/css/structure/infragistics.css" rel="stylesheet"></link>

<table id="grid"></table>

JavaScript

$(function () {
            var products = [
                { "ProductID": 1, "Name": "Adjustable Race", "ProductNumber": "AR-5381", "Category": "Food", "Date": new Date(2021, 06, 11) },
                { "ProductID": 2, "Name": "Bearing Ball", "ProductNumber": "BA-8327", "Category": "Beverages", "Date": new Date(2020, 08, 13) },
                { "ProductID": 3, "Name": "BB Ball Bearing", "ProductNumber": "BE-2349", "Category": "Beverages", "Date": new Date(2020, 02, 06) },
                { "ProductID": 4, "Name": "Headset Ball Bearings", "ProductNumber": "BE-2908", "Category": "Beverages", "Date": new Date(2019, 11, 21) },
                { "ProductID": 5, "Name": "Adjustable Race", "ProductNumber": "AR-5381", "Category": "Food", "Date": new Date(2021, 06, 11) },
                { "ProductID": 6, "Name": "Bearing Ball", "ProductNumber": "BA-8327", "Category": "Beverages", "Date": new Date(2020, 08, 13) },
                { "ProductID": 7, "Name": "BB Ball Bearing", "ProductNumber": "BE-2349", "Category": "Beverages", "Date": new Date(2020, 02, 06) },
                { "ProductID": 8, "Name": "Headset Ball Bearings", "ProductNumber": "BE-2908", "Category": "Beverages", "Date": new Date(2019, 11, 21) },
                { "ProductID": 9, "Name": "Adjustable Race", "ProductNumber": "AR-5381", "Category": "Food", "Date": new Date(2021, 06, 11) },
                { "ProductID": 10, "Name": "Bearing Ball", "ProductNumber": "BA-8327", "Category": "Beverages", "Date": new Date(2020, 08, 13) },
                { "ProductID": 11, "Name": "BB Ball Bearing", "ProductNumber": "BE-2349", "Category": "Beverages", "Date": new Date(2020, 02, 06) },
                { "ProductID": 12, "Name": "Headset Ball Bearings", "ProductNumber": "BE-2908", "Category": "Beverages", "Date": new Date(2019, 11, 21) },
                { "ProductID": 13, "Name": "Adjustable Race", "ProductNumber": "AR-5381", "Category": "Food", "Date": new Date(2021, 06, 11) },
                { "ProductID": 14,...