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

时间:2015-03-29 23:46:09

标签: jquery html css html-table

我确信这是可能的,但我无法弄清楚我怎么也记得在任何网站上看到它。

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

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

1 个答案:

答案 0 :(得分:3)

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

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

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