remove autosize and change column header css to properly respect column sizes (#2480)

This commit is contained in:
Anthony Dresser
2018-09-10 14:59:32 -07:00
committed by Karl Burtram
parent 432a209184
commit 4ceb869420
3 changed files with 6 additions and 4 deletions

View File

@@ -48,11 +48,14 @@ export class RowNumberColumn<T> implements Slick.Plugin<T> {
} }
public getColumnDefinition(): Slick.Column<T> { public getColumnDefinition(): Slick.Column<T> {
let columnWidth = this.options.numberOfRows.toString().length * sizePerDigit;
return { return {
id: 'rowNumber', id: 'rowNumber',
name: '', name: '',
field: 'rowNumber', field: 'rowNumber',
width: this.options.numberOfRows.toString().length * sizePerDigit, width: columnWidth,
minWidth: columnWidth,
maxWidth: columnWidth,
resizable: false, resizable: false,
cssClass: this.options.cssClass, cssClass: this.options.cssClass,
focusable: false, focusable: false,

View File

@@ -244,7 +244,6 @@ export class Table<T extends Slick.SlickData> extends Widget implements IThemabl
} }
} }
this.resizeCanvas(); this.resizeCanvas();
this.autosizeColumns();
} }
autosizeColumns() { autosizeColumns() {

View File

@@ -25,7 +25,7 @@ classes should alter those!
overflow: hidden; overflow: hidden;
-o-text-overflow: ellipsis; -o-text-overflow: ellipsis;
text-overflow: ellipsis; text-overflow: ellipsis;
height: 16px; height: 28px;
line-height: 16px; line-height: 16px;
margin: 0; margin: 0;
padding: 4px; padding: 4px;
@@ -35,7 +35,7 @@ classes should alter those!
border-bottom: 2px solid #bbb; border-bottom: 2px solid #bbb;
float: left; float: left;
background-color: #eee; background-color: #eee;
box-sizing: content-box; box-sizing: border-box;
} }
.slick-headerrow-column.ui-state-default, .slick-footerrow-column.ui-state-default { .slick-headerrow-column.ui-state-default, .slick-footerrow-column.ui-state-default {