HTML table 用户可以通过拖动动态更改列的宽度

HTML table with the user able to dynamically change the width of the columns by dragging

我确定这是可能的,但我不知道如何实现,也不记得在任何网站上看到过它。

我正在创建一个 table 视图,用户可以将鼠标悬停在列的边缘并拖动以调整该列的大小,就像您在 excel 中所做的那样.

是否有任何库支持这种功能,如果我想在没有任何库的情况下自己制作它,我该如何在用户停止拖动后重新渲染 table,甚至渲染table 在拖动过程中,以便在用户拖动时改变列宽。

colResizable 是一个很好的插件,可以满足您的需求。使用 jQuery

文档:http://www.bacubacu.com/colresizable/

Jsfiddle:http://jsfiddle.net/euka4rm3/