jQuery UI Widgets › Forums › Grid › Column border shifts to left after I click next page
Tagged: angular grid, border, grid, jquery grid, jqxgrid, percent, percentage width, shift
This topic contains 3 replies, has 2 voices, and was last updated by Dimitar 9 years, 7 months ago.
-
Author
-
I have grid as coded below. The column border shifts to left a little bit after I click next page. Is there any solution to this issue?
I tested it in both IE 10 and chrome latest version. Thanks.
$(“#yyyJqxgrid”).jqxGrid(
{
width: pageWidth,
source: yyyAdapter,
altrows: true,
sortable: true,
filterable: true,
autoheight: true,
pageable: true,
enablehover:false,
enabletooltips: true,
ready: function () {
},
columns: [
{ text: ‘Action’,columngroup: ‘TableName’, datafield: ‘action’, width: ‘8%’, rendered: tooltiprenderer, enabletooltips: false},
{ text: ‘Status’,columngroup: ‘TableName’, datafield: ‘status’, width: ‘8%’ , rendered: tooltiprenderer},
{ text: ‘Start Date’,columngroup: ‘TableName’, datafield: ‘termStartDate’, width: ‘8%’, cellsformat: ‘d’, rendered: tooltiprenderer},
{ text: ‘End Date’,columngroup: ‘TableName’, datafield: ‘termEndDate’, width: ‘8%’, cellsformat: ‘d’, rendered: tooltiprenderer},
{ text: ‘Title’, columngroup: ‘TableName’, datafield: ‘title’, width: ‘23%’, rendered: tooltiprenderer},
{ text: ‘Hours’,columngroup: ‘TableName’, datafield: ‘hours’, width: ‘5%’ , rendered: tooltiprenderer},
{ text: ‘Registered’, columngroup: ‘TableName’, datafield: ‘registered’, width: ‘8%’ , cellsformat: ‘d’, rendered: tooltiprenderer},
{ text: ‘Cancel Date’, columngroup: ‘TableName’, datafield: ‘cancelDate’, width: ‘8%’ , cellsformat: ‘d’, rendered: tooltiprenderer},
{ text: ‘Instructor’,columngroup: ‘TableName’, datafield: ‘instructor’, width: ‘8%’, rendered: tooltiprenderer },
{ text: ‘Owner School’, columngroup: ‘TableName’, datafield: ‘ownerSchool’, width: ‘8%’, rendered: tooltiprenderer },
{ text: ‘Location’, columngroup: ‘TableName’, datafield: ‘location’, width: ‘8%’ , rendered: tooltiprenderer}
],columngroups: [
{ text: ‘yyy Courses’, align: ‘left’, name: ‘TableName’ }
]
});Hello jzhong,
Could you, please, reproduce this issue in a JSFiddle example we can test directly?
Best Regards,
DimitarjQWidgets team
http://www.jqwidgets.com/It has too much sensitive data and back end service. I’ve taken screen shots below.
Hi jzhong,
Please at least share the value of pageWidth (is it in pixels/percent?) and make sure you are using the latest version of jQWidgets (3.8.0).
Best Regards,
DimitarjQWidgets team
http://www.jqwidgets.com/ -
AuthorPosts
You must be logged in to reply to this topic.