when Jqgrid Expand with all Sub grid there is problem of some columns hide at the end more over jqgrid width is auto - jqgrid-asp.net

Question

here, I'm using subgridOptions to expand all subgrid but the problem is subgrid columns hidden what is the solution of that.
expand problem in treejqgrid columns hide at the end and columns width is not set according to the treeview.
so, I want some concrete solution of this problem as soon as possible.
```
function showChildGridExtend(parentRowID, parentRowKey) {
debugger;
var formname = "B/s Group";
var childGridID = parentRowID + "_table";
var childGridPagerID = parentRowID + "_pager";
// send the parent row primary key to the server so that we know which grid to show
var childGridURL = parentRowKey + ".json";
// add a table and pager HTML elements to the parent grid row - we will render the child grid here
$('#' + parentRowID).append('<table id=' + childGridID + '></table><div id=' + childGridPagerID + ' class=scroll></div>');
$("#" + childGridID).jqGrid('GridUnload');
$("#" + childGridID).jqGrid({
autowidth: true,
shrinkToFit: true,
url: '../ChartofAccounts/GetTreeJqgrid',
mtype: "GET",
datatype: "json",
postData: { searchstr: parentRowID, TableName: globaltablename, formname: formname },
page: 1,
colNames: globalcolnames,
colModel: globalcolmodal,
subGridOptions: {
//expand all rows on load
"expandOnLoad": true
},
jsonReader: {
repeatitems: false,
id: "code",
root: function (obj) {
var data;
data = JSON.parse(obj["Data"]);
//alert(data);
const myJSON = JSON.stringify(data);
// alert(myJSON.length);
subGridlength = myJSON.length;
if (subGridlength == 2) {
// $($('#' + parentRowKey + ' td a span')[0]).addClass('safallast');
}
return JSON.parse(obj["Data"]);
},
},
gridComplete: function () {
if (subGridlength == 2) {
// $('.safallast').css('display', 'none');
}
var objRows = $("#" + parentRowID + "_table tr");
$("#" + parentRowID + "_table").addClass('table-responsive');
$("#" + parentRowID + "_table").css('overflow', 'visible');
var objHeader = $("#" + parentRowID + "_table .jqgfirstrow td");
var objLable = $("#gbox_" + parentRowID + "_table .ui-jqgrid-labels th");
$("#" + parentRowID + "_table").css("overflow-x", "hidden");
if (objRows.length > 1) {
var objFirstRowColumns = $(objRows[1]).children("td");
for (i = 0; i < objFirstRowColumns.length; i++) {
$(objFirstRowColumns[i]).css("width", $(objHeader[i]).css("width"));
var jqgridlblwidth = parseFloat(parseFloat($(objHeader[i]).css("width")));
$(objLable[i]).css("width", jqgridlblwidth + 'px');
}
}
if (objRows.length == 1) {
$("#gbox_" + parentRowID + "_table").css('display', 'none');
}
DropDownTreeView();
$('#' + parentRowID + '_table_subgrid').css('width', '35px').css('overflow-x', 'hidden');
$($('#' + parentRowID + '_table tr td')[0]).css('width', '35px');
$(".ui-jqgrid-htable").addClass("bg-primary-600");
$(".ui-jqgrid-bdiv").css("min-height", "auto").css('overflow-x', 'hidden');
//$('#jq-grid').children("ui-sgcollapsed sgexpanded").unbind().html("");
},
pgbuttons: false,
pginput: false,
pgtext: "",
//width: 500,
height: "auto",
subGrid: true, // set the subGrid property to true to show expand buttons for each row
subGridRowExpanded: showChildGridExtend, // javascript function that will take care of showing the child grid
// pager: "#" + childGridPagerID
});
$(".ui-jqgrid-bdiv").css("min-height", "auto");
$("#" + parentRowID + "_table").css('word-break', 'break-word');
$("#" + parentRowID + "_table").css('overflow-x', 'hidden');
// $($('#jqgh_jq-grid_GroupAlias span')[0]).css("display", "none");
jQuery("#" + parentRowID + "_table").removeClass('table-responsive');
}
```