javascript - how to add ellipsis in column of table -

i trying add ellipsis in column .i using ionic framework angular js .i displaying data in column .but when data more 2 or 2 line should show "..." or ellipsis .i google found solution

css word ellipsis ('...') after 1 or 2 lines

but not work found solution http://codepen.io/martinwolf/pen/qlfdp .it not work me

here code

http://plnkr.co/edit/bilpsthkhwzpkbqyioqz?p=preview

.columnclass {    margin: 0 auto;    line-height: $line-height;   -webkit-line-clamp: 2   -webkit-box-orient: vertical;   overflow: hidden;   text-overflow: ellipsis; } 

any update regarding this

you can try solution:

https://github.com/josephschmitt/clamp.js

it adds compatibility non-webkit browsers. wish solve problem. use:

$clamp(myheader, {clamp: 3}); // 3 lines $clamp(myparagraph, {clamp: "25px"}); // 25 pixels 

good luck :)