Untitled

<!DOCTYPE html>
<html lang="en">
<head>
<script> var __basePath = ''; </script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.4/lodash.min.js"></script>
<script src='https://unpkg.com/@ag-grid-enterprise/all-modules@22.1.0/dist/ag-grid-enterprise.min.js'></script></head>
<body>

<div style="height: 100%; padding-top: 26px; box-sizing: border-box;">
    <div id="myGrid" style="height: 100%;" class="ag-theme-balham-dark"></div>
</div>

    <script>
        var gridOptions = {
        rowModelType: 'serverSide',
        };

        // setup the grid after the page has finished loading
        document.addEventListener('DOMContentLoaded', function() {
        var gridDiv = document.querySelector('#myGrid');
        new agGrid.Grid(gridDiv, gridOptions);

        gridOptions.api.setServerSideDatasource(ServerSideDatasource());
        });

        function ServerSideDatasource(server) {
        return {
        getRows: function(params) {
            alert('!!!');
        }
        };
        }
</script>
</body>
</html>