Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
15
Ig Grid change cant change the text of the footer buttons
posted
I have this code of a table creation
$("#grid").igGrid({
    autoCommit: true,
    language: "es",
    regional: "es-ES",
    enableCheckBoxes: true,
    primaryKey: "id",
    autoGenerateColumns: false,
    width: "100%",
    dataSource: datosgrid,
    features:
    [
        {
            name: "Selection",
            mode: "row",
            multipleSelection: true,
        },
        {
            name: "RowSelectors",
            enableCheckBoxes: true,
            enableRowNumbering: false,
            enableSelectAllForPaging: true
        },
        {
            name: 'Paging',
            type: "local",
            pageSize: 10,
            pageSizeDropDownLocation: "hide"
        },
        {
            name: 'Responsive',
            enableVerticalRendering: false,
            columnSettings: [
                {
                    columnKey: 'id',
                   classes: 'ui-hidden'
                },
                {
                    columnKey: 'id_fichero',
                    classes: 'ui-hidden'
                },
                {
                    columnKey: 'link',
                    classes: 'ui-hidden'
                },
                {
                    columnKey: 'id_categoria',
                    classes: 'ui-hidden'
                },                                                
            ]
        },
    ],
    columns: configcolumnas,                                                                   
});
 configcolumnas = [];
                                                                                               
configcolumnas.push(
    { headerText: "id", key: "id", dataType: "number", width: "15%" },
    { headerText: "id_fichero", key: "id_fichero", dataType: "string", width: "50%" },
    { headerText: "Nombre", key: "nombre", dataType: "string", width: "50%" },
    { headerText: "Descripcion", key: "descripcion", dataType: "string", width: "50%" },
    { headerText: "N_descargas", key: "n_descargas", dataType: "string", width: "50%" },
    { headerText: "Link", key: "link", dataType: "string", width: "50%" },
    { headerText: "Fecha", key: "fecha", dataType: "fecha", width: "50%" },
    { headerText: "Id_categoria", key: "id_categoria", dataType: "string", width: "50%" }
);
$("#grid").igGrid({ columns: configcolumnas });
$("#grid").igGrid("dataBind");
Even when i specify the language to spanish and the region to es_ES the footer buttons still display "Next" and "Prev" how do I change it for it to show it in spanish?
 
Also when the web is in mobile the footer text is so big that it wraps below. Is there a way to prevent that, or to not display any text (just arrow icons)
Thanks,
Jan
  • 660
    Offline posted

    Hello Jan,

    Thank you for posting in our community!

    I have observed the provided code snippets, however, as the localization process includes initially loading the required localization resources and I am not sure how and when this is performed on your side, it would be highly appreciated if you could provide me with a small sample demonstrating the overall configuration of your application along with some test data.

    Having a sample that I can debug on my side will be extremely helpful in further investigating this matter.

    Additionally, in the meantime, a simple workaround approach I could suggest is manually setting the PREV and NEXT buttons labels as desired by using the locale.prevPageLabelText and locale.nextPageLabelText options.

    Thank you for your cooperation. Looking forward to your reply.

    Sincerely,
    Riva Ivanova
    Associate Software Developer