Currently, I am utilizing both the colResizable plugin for adjusting columns and the Resizable function for adjusting rows. While this setup works perfectly fine in Mozilla Firefox, it seems to encounter issues when used in Chrome.
For column resizing, we have incorporated the functionality from the following link - .
As for row resizing, we are employing the jQuery function as follows: $("#tblResize2 tr").resizable();
Please note that despite attempting to use 'td' (instead of 'tr') for resizing columns, it did not yield the desired outcome ultimately.
$("#MatrixTable").colResizable({
onResize: onSampleResized
});
$("#MatrixTable tr").resizable();
$("#MatrixTable td").resizable();
Here is the complete function:
var onSampleResized = function (e) {
var columns = $(e.currentTarget).find("td");
var rows = $(e.currentTarget).find("tr");
var full_msg;
var row_msg;
`columns.each(function () { full_msg += $(this).attr('id') + "_" +` $(this).width() + "_" + $(this).height() + ";"; })
rows.each(function () { row_msg += $(this).attr('id') + "_" + $(this).width() + "_" + $(this).height() + ";"; })
document.getElementById("hf_data").value = full_msg
document.getElementById("hf_rowdata").value = row_msg;
};
Thank you in advance.