jQuery UI Widgets Forums Grid Column border shifts to left after I click next page

This topic contains 3 replies, has 2 voices, and was last updated by  Dimitar 9 years, 7 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author

  • jzhong
    Participant

    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’ }
    ]
    });


    Dimitar
    Participant

    Hello jzhong,

    Could you, please, reproduce this issue in a JSFiddle example we can test directly?

    Best Regards,
    Dimitar

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


    jzhong
    Participant

    It has too much sensitive data and back end service. I’ve taken screen shots below.

    http://postimg.org/image/ul6wc6xkl/

    http://postimg.org/image/45nvz96an/


    Dimitar
    Participant

    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,
    Dimitar

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

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.