Placing Grid inside a splitter

[Thiago ArantesMember]

Hello everyone,

Does anybody know how to put a Grid inside a splitter filling 100% of the available space?

Thanks

[dflemingParticipant]

This works for me. Set one of the column widths to ‘auto’

var columns = [
{text: “Description”, datafield: “description”, width: ‘auto’},
…
];

$(“mygrid”).jqxGrid({
width: “100%”,
height: “100%”,
columns: columns,
…
}

[Thiago ArantesMember]

Hi dfleming,

This solution does not work for me, actually. Setting grid width to 100% hides all my scrollbars…

Thanks for answering my question!

[Thiago ArantesMember]

Any ideas on this one?
Thanks

[Thiago ArantesMember]

I’ve found a solution for my problem

// Auto arrange grid width
$('#jqxSplitter').on('resize', function (event) {
            updateGridWidth(event);
});
$('#jqxSplitter').on('expanded', function (event) {
           updateGridWidth(event);
});
$('#jqxSplitter').on('collapsed', function (event) {
           updateGridWidth(event);
});

and this

// Auto arrange grid width
function updateGridWidth(event) {
		$('#jqxgrid').jqxGrid({ width: event.args.panels[1].size }); 
}

[Author]

Posts