CODEWITHSUNDEEP
javascripttypescriptangular5
sraveen nagunuri
sraveen nagunuri

Reputation: 41

How to resize table column in angular 5

I want to achieve a resizable column table in angular5 .

1) Using CSS property resize -> Problem with this is that it doesnot work in IE.

2) Using Jquery col resizable function -> Gives error that resizable is not a function.

Is there any other way to achieve this in angular5. We have a HTML Table and want to resize a specific column without disturbing the others columns.

Upvotes: 1

Views: 3354

Answers (2)

Aram
Aram

Reputation: 150

You can use https://www.npmjs.com/package/ngpq-table-resize Just install it, and add the tableResize directive to your table.

The library automatically adds resizing lines that can be edited.

Upvotes: 1

ravi
ravi

Reputation: 19

The easier way is to use javascript plugin in your component. I used alvaro's jquery plugin https://github.com/alvaro-prieto/colResizable and it works fine.

Upvotes: 0

Related Questions