Сетка не выровнена в интерфейсе кендо

Question

I'm new to webpack and still climbing the learning curve. I'm using Kendo UI for Jquery. I want to call a javascript function from one of the Kendo Grid columns. I am guessing that webpack is somehow isolating Kendo away from my javascript function.

My page somehow does not fit in the laptop but when I use desktop it works fine . 

Recently, I have been using Kendo UI and I have run into the following problem: The pager for my Kendo grid is not flush with the bottom of my grid. I've tried editing the CSS styling of k-grid-pager but it does not solve the problem. For added clarification, the pager used to be in the upper left corner BEFORE I made the top margin of the pager 450px (to simply shift it down). However, I would like a fix that is dynamic in the sense that it can adapt to the overall height of the grid .

Я предоставил фрагмент кода ниже.

import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
import { Validators, FormGroup, FormControl } from '@angular/forms';

import { Category } from './../../../Models/category';

@Component({

  public active = false;
  public editForm: FormGroup = new FormGroup({
      'Id': new FormControl(),
      'CategoryCode': new FormControl('', Validators.required),
      'CategoryName': new FormControl('', Validators.required),
      'Type': new FormControl('', Validators.required),
      'ReportingPurpose': new FormControl('', Validators.required),
      'RecordYear': new FormControl('', Validators.compose([
        Validators.required,
        Validators.min(2000),
        Validators.max(2025)
      ])),
      'Entity': new FormControl('', Validators.required)
  });

  constructor() { }

  ngOnInit() { }

  @Input() public isNew = false;

  @Input() public set model(product: Category) {
      this.editForm.reset(product);

      this.active = product !== undefined;
  }

  @Output() cancel: EventEmitter<any> = new EventEmitter();
  @Output() save: EventEmitter<Category> = new EventEmitter();

  public onSave(e): void {
      e.preventDefault();
      this.save.emit(this.editForm.value);
      this.active = false;
  }

  public onCancel(e): void {
      e.preventDefault();
      this.closeForm();
  }

  closeForm(): void {
      this.active = false;
      this.cancel.emit();
  }

}

----------------------------------------------

I'm new to webpack and still climbing the learning curve. I'm using Kendo UI for Jquery. I want to call a javascript function from one of the Kendo Grid columns. I am guessing that webpack is somehow isolating Kendo away from my javascript function.

My page somehow does not fit in the laptop but when I use desktop it works fine . 

Recently, I have been using Kendo UI and I have run into the following problem: The pager for my Kendo grid is not flush with the bottom of my grid. I've tried editing the CSS styling of k-grid-pager but it does not solve the problem. For added clarification, the pager used to be in the upper left corner BEFORE I made the top margin of the pager 450px (to simply shift it down). However, I would like a fix that is dynamic in the sense that it can adapt to the overall height of the grid .

Я предоставил фрагмент кода

Любая помощь будет принята с благодарностью.