A basic html do not provide a resizing the table columns, you must do it your custom code in html. If you are use AngularJS then make a angular directive and manage it, the code available in this post.
We can design the table using custom CSS and apply sorting, filtering, paging by our custom JavaScript or any other script. There are so many plug-in for apply sorting, filtering, pagination, resizing etc. you can do it using JQuery because JQuery is an advance of JavaScript. When we bind the large amount of data in table then the table width is so wide and the data doesn’t look nice because some of the field’s names are large and some of the fields data are not larger but the table column width is fixed so large data wrapped and data is going very long, so for fix this issue we have create this tutorial to resize the table column.