Rows and Columns of Html Table Resizable using Jquery

Question

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

your fiddle works well for me in chrome, even after I removed line height:50px; — paulitto
– paulitto, Commented Jul 11, 2014 at 6:15

mygoare · Accepted Answer · 2014-07-11 08:13:46Z

2

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/

answered Jul 11, 2014 at 8:13

mygoare

3153 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Rows and Columns of Html Table Resizable using Jquery

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related