Grid

[sunnyParticipant]

Hello,

In the grid am added filter row, in filter row am using tab functionality they giving white space for the extra width for suppose present grid width 100% total coulmns width 123% that why we are facing the problem extra 23% they giving white space ..

below code am using..

$(“#jqxMovements”).jqxGrid(
{
width: ‘100%’,
height: ($(window).height()) – 160,
source: dataAdapters,
theme: ‘arctic’,
editable: true,
pageable: true,
pagesize: 100,
//pagesizeoptions: [‘100’, ‘200’, ‘300’],
sortable: true,
columnsresize: true,
enablehover: true,
selectionmode: ‘multiplerowsextended’,
// User Story 1863:Remove the search pane on the Open Jobs page. Add the filter row to the grid.
showfilterrow: true,
filterable: true,
columns:
[
{ text: ”, datafield: ‘IsChecked’, columntype: ‘checkbox’, editable: true, width: ‘2%’, filterable: false },
{ text: ‘Job ID’, datafield: ‘JobID’, width: ‘7%’, editable: false },
{ text: ‘Asset ID ‘, datafield: ‘ItemId’, width: ‘7%’, editable: false },//User Story 1992:Show Asset ID on the Jobs grid
{ text: ”, datafield: ‘StatusValue’, hidden: true },
{ text: ”, datafield: ‘SourceStorageID’, hidden: true },
{ text: ”, datafield: ‘DestStorageID’, hidden: true },
{ text: ”, datafield: ‘SourceFileID’, hidden: true },
{ text: ”, datafield: ‘DestFileID’, hidden: true },
{ text: ”, datafield: null, width: ‘3%’, editable: false, hidden: true },
{ text: ‘File name’, datafield: ‘FileName’, width: ‘15%’, editable: false },
{ text: ‘Action’, datafield: ‘Action’, width: ‘6%’, editable: false, cellsalign: ‘center’, align: ‘center’ },
{ text: ‘Priority’, datafield: ‘Priority’, width: ‘5%’, editable: false, cellsalign: ‘center’, align: ‘center’ },
{ text: ‘Source’, datafield: ‘SourceStorageName’, width: ‘15%’, editable: false },
{ text: ‘Destination’, datafield: ‘DestStorageName’, width: ‘12%’, editable: false },
{ text: ‘Status’, datafield: ‘Status’, width: ‘9%’, cellsrenderer: statusprogress, editable: false },
{ text: ‘Size’, datafield: ‘Size’, width: ‘6%’, editable: false, cellsrenderer: sizerenderer },
{ text: ‘Asset’, datafield: ‘AssetType’, width: ‘6%’, editable: false },
{ text: ‘Title’, datafield: ‘Title’, width: ‘11%’, editable: false },
{ text: ‘User’, datafield: ‘User’, width: ‘10%’, editable: false },
{ text: ‘Started’, datafield: ‘StartedOn’, width: ‘12%’, editable: false, filtertype: ‘date’ }//User Story 1863:Remove the search pane on the Open Jobs page. Add the filter row to the grid.
]

});
}

please provide the solution.

regards
srikar vaydya

[NadezhdaParticipant]

Hello srikar vaydya,

You are using extra percentages of columns width, please, make sure the sum of width values of your separate columns are equal to 100%.

Best Regards,
Nadezhda

jQWidgets team
http://www.jqwidgets.com/

[Author]

Posts