如何创建具有可调列的HTML表?

没有简单的答案,比如“使用一些foobar html属性”。 这是通过javascript和DOM操作完成的。
如果您想通过Prototype看到这个特性的实现,您可以看看 TableKit
我肯定有jQuery实现。。。我喜欢我的老模型;)

我认为,鼠标在一个简单的区域中拖动,作为一个单元格的边缘,我认为它是动态变化的。

• 我所做的就是创建一个div或一个只有几个像素宽的单元格。
• 我将光标更改为箭头;。
• 在那个div控件上单击use,我会动态创建另一个“floating”div,显示它们最终将把它放在哪里。
• 移动连接到JavaScript上的mouse move事件。
• 一旦释放控件,我就会根据移动新控件的位置重新定位表单元格的高度或宽度。

Flexigrid 因为jQuery看起来很可爱。

更新: 根据@Vincent的评论,使用非常简单。。。有关完整的详细信息,请参见网站,但是对于最基本的示例-包括脚本,然后将功能挂接到表中:

$('#myTableID').flexigrid();

或选择:

$('.classOfTables').flexigrid({height:'auto',striped:false});

 th {resize:horizontal; overflow:auto;}

雅虎用户界面(YUI) data table 小部件允许调整列的大小。它是公开的,但仍处于测试阶段,而且YUI库相当庞大。任何实现都必须使用JavaScript/DHTML,因为默认的HTML表没有这种功能。

应用 resize:horizontal 到 <th> 与我的FF58不兼容。相反,我创建了一个 <div> 每一个都可以调整大小:

.mytable th div{
    resize:horizontal;
    overflow: auto;
}