Html表的行和列使用Jquery调整大小 [英] Rows and Columns of Html Table Resizable using Jquery

问题描述

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

和单独的jquery函数调整rowHeight。

  $（＃MatrixTabletr）。resizable（） ; $（＃MatrixTable td）。resizable（）; 
  

其在firefox中正常工作但还没有在chrome 中。

注意： />
这里是保存行的宽度/行高，并通过C＃显示表时再次检索。请查看我的代码 jsFiddle

（我正在固定高度为50px，因为我需要在chrome中减小尺寸，但firefox运行良好）
请帮助我

解决方案

如果您想使用jQueryUI实现可调整大小的效果，则无需使用colResizable插件。 jQueryUI可调整大小可以做水平&垂直调整大小。

我评论代码调用colResizable插件，它现在可以在Chrome上正常工作。

<$ p $ $（＃MatrixTable）。colResizable（{
onResize：onSampleResized
}）;


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

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

And Separate jquery function to adjust rowHeight.

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

its working fine in firefox but not yet in chrome.

Note:
Here am saving width of column/height of row and retrieving again by while display the table by C#. please look my code jsFiddle

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

解决方案

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.

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

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

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

这篇关于Html表的行和列使用Jquery调整大小的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！