import { Component } from '@angular/core' ; @ Component ( { selector : 'app-column-resizing' , templateUrl : './column-resizing.testpage.component.html' , } ) export class ColumnResizingTestPageComponent { documents : TableDocument [ ] = [ ] ; selection : TableDocument [ ] = [ ] ; titleWidth : number = 260 ; authorWidth : number = 300 ; dateWidth : number ; constructor ( ) { this . getPage ( ) ; } getPage ( ) { for ( let idx = 0 ; idx < 15 ; idx ++ ) { this . documents . push ( { selected : false , title : `Document ${ idx + 1 }` , author : `Author ${ idx + 1 }` , date : new Date ( 2019 , 8 , 12 ) } ) ; } } } interface TableDocument { selected : boolean ; title : string ; author : string ; date : Date ; }