How to resize table column in angular 5

Question

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.

Answer 1

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.

Answer 2

您可以使用https://www.npmjs.com/package/ngpq-table-resize安装它，并将 tableResize 指令添加到您的表中。