drip-public/iview
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Added ellipsis property to table column

Browse source
This commit is contained in:
Rijn 2017-01-02 13:42:32 -06:00
parent 49bef31bd6
commit eedcba586c
3 changed files with 47 additions and 26 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/components/table/cell.vue
View file

@ -36,7 +36,8 @@
return [
`${this.prefixCls}-cell`,
{
[`${this.prefixCls}-hidden`]: !this.fixed && this.column.fixed && (this.column.fixed === 'left' || this.column.fixed === 'right')
[`${this.prefixCls}-hidden`]: !this.fixed && this.column.fixed && (this.column.fixed === 'left' || this.column.fixed === 'right'),
[`${this.prefixCls}-cell-ellipsis`]: this.column.ellipsis || false
}
];
}

9
src/styles/components/table.less
View file

@ -138,6 +138,13 @@
white-space: normal;
word-break: break-all;
box-sizing: border-box;
&-ellipsis {
word-break: keep-all;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
&-hidden{
visibility: hidden;
@ -298,4 +305,4 @@
padding: 0;
}
}
}
}