Modify the width of the columns depending the size of the container

[jwala-koundinya]

Instead of fixed width for the columns, can the width of the columns be resized depending on the size of the container?

[mazdik]

  constructor(private element: ElementRef) {}

  ngOnInit() {
    this.columns = getColumnsPlayers();
    this.columns.splice(4);

    const width = this.getFullWidth() / this.columns.length;
    this.columns.forEach(x => x.width = width);

    this.table = new DataTable(this.columns, this.settings);
  }

  getFullWidth(): number {
    const outer = document.createElement('div');
    outer.style.visibility = 'hidden';
    this.element.nativeElement.appendChild(outer);

    const width = outer.offsetWidth;
    outer.parentNode.removeChild(outer);

    return width;
  }