jQuery

关注公众号 jb51net

关闭
jquery-resizable可调整大小的table表格

jquery-resizable可调整大小的table表格

热门排行

简介

鼠标拖动单元格边框,可调整列宽。

创建可调整大小的列需要付出一些额外的努力,因为表没有一种简单的方法来创建可以移动的拖动句柄。

为了调整列的大小,我们可以在列的右侧添加一个元素来提供句柄,这样我们就有了一个用于拖动的视觉指示器。要调整大小的表格单元格为 position:relative,注入的元素为 position:absolute 并推到单元格右侧以提供拖动手柄。拖动然后简单地调整单元格的大小。

在实践中,这意味着你需要一些CSS(或jquery样式)来强制注入样式和逻辑来注入元素。

大家还下载了