Html表的行和Cloumns使用Jquery可调整大小

问题描述:

我必须调整HTML表格行/列的宽度和高度。
现在我使用单独的插件来调整列宽插件链接

I have to resize the HTML table rows/column Width and height. Now I am Using separate plugin to adjust column width Plugin link

和单独的jquery函数来调整rowHeight。

And Separate jquery function to adjust rowHeight.

$("#MatrixTabletr").resizable();$("#MatrixTable td").resizable();


它的在firefox中正常工作

注意

这里是保存行的宽度/行的高度,并通过C#显示表时再次检索。请查看我的代码 jsFiddle

(我固定高度为50像素作为样本,我需要减小尺寸在chrome但firefox工作良好)请帮助我

(I am fixing height 50px as sample I need to reduce size in chrome but firefox working good)
please help me

如果你想使用jQueryUI实现可调整大小的效果,你不需要使用colResizable插件。 jQueryUI可调整大小可以做水平&垂直调整大小。

If you would like to use the jQueryUI to achieve the resizable effect, you have no need to use that colResizable plugin. jQueryUI resizable can do horizontal & vertical resize both.

我注释代码调用colResizable插件,现在在chrome上工作正常。

I comment the code invokes colResizable plugin, It works fine on chrome now.

$("#MatrixTable").colResizable({
    onResize: onSampleResized
});

http://jsfiddle.net/mygoare/44fKg/13/