Direction rtl for JQXGrid

[eng.mohamedfaroukParticipant]

Dear,

I need JQXGrid support rtl direction style is it possible

[Peter StoevKeymaster]

Hi eng.mohamedfarouk,

RTL is currently not supported by the jqxGrid. It is possible to localize the Grid strings and also to change the cells and columns alignment. However, it is not possible to change the location of the ScrollBars inside the jqxGrid.

For localization, you can read this help topic: jquery-grid-localization.htm

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[eng.mohamedfaroukParticipant]

Hi Peter,
thank you for your reply. Could you tell me how i can make H scroll at the right by default

[Peter StoevKeymaster]

Hi eng.mohamedfarouk,

To make the H Scroll at the right by default, you can do the following:

– create a ready function
– get the HScrollBar’s max value
– call the Grid’s scrollLeft method passing the max value as parameter.

$("#jqxgrid").jqxGrid(
{
    width: 670,
    source: source,
    theme: theme,
    sortable: true,
    pageable: true,
    autoheight: true,
    ready: function () {
        var hScroll = $("#jqxgrid").jqxGrid('hScrollBar');
        $("#jqxgrid").jqxGrid('scrollleft', hScroll.jqxScrollBar('max'));
    },
    columns: [
        { text: 'Product Name', datafield: 'ProductName', width: 250, pinned: true },
        { text: 'Category', datafield: 'CategoryID', width: 150, cellsrenderer: cellsrenderer },
        { text: 'Quantity Per Unit', datafield: 'QuantityPerUnit', width: 200, cellsalign: 'right' },
        { text: 'Unit Price', datafield: 'UnitPrice', width: 100, cellsformat: 'c2', cellsalign: 'right' },
        { text: 'Units On Order', datafield: 'UnitsOnOrder', width: 110, cellsalign: 'right' },
        { text: 'Reorder Level', datafield: 'ReorderLevel', width: 100, cellsalign: 'right' }
    ]
});

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[Author]

Posts