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
898
Unknown Areas???
posted

If I use the grid there are allways two areas that I can not change. (see picture).

Can't find a solution.

Regards Manfred

My references

<script src="~/Infragistics/js/infragistics.js"></script>

<link href="~/Infragistics/css/themes/infragistics/infragistics.theme.css" rel="stylesheet" />

<link href="~/Infragistics/css/structure/modules/infragistics.ui.grid.css" rel="stylesheet" />

and the code

$(

"#gridResult").igGrid({

                    autoGenerateColumns: false,

                    alternateRowStyle: false,

                    autofitLastColumn: true,

                    width: "300px",

                    height:"300px",

                    //fixedHeaders: true,

                    showHeader: true,

                   //cellClick: selectCell(e,ui),

                    columns: [

                        { headerText: Platz, key: "Platz", dataType: "string", width: 50 },

                    { headerText: Seiten, key: "Umfang", dataType: "string", width: 60 },

                    { headerText: Firma, key: "Firma", dataType: "string", width: 190 },

                    ],

                    headerCellRendered:

           function (evt, ui) {

                          if (ui.columnKey === "Umfang") {

                            $(ui.th).css("text-align", "center");

                          }

                      },

                    dataRendered:

function (evt, ui) {

                      //return reference to igGrid

                       ui.owner.element.find("tr td:nth-child(1)").css("text-align", "center");

                       //ui.owner.element.find("tr td:nth-child(1)").css("font-weight", "bold");

                        ui.owner.element.find("tr td:nth-child(2)").css("text-align", "right");

                    },

                    dataSource: table,

                    responseDataKey:

"Records",

                    features: [{

                        name:

'Selection',

                        mode:'row',

                        multibleSelection:false,

                        activation:true,

                        rowSelectionChanging: rowChanging

                    }],

                   

                });

  • 23953
    Offline posted

    Hi Mani_Infineon,

    You have missing CSS rules. Try to reference:

    <link href="~/Infragistics/css/structure/infragistics.css" rel="stylesheet" />

    and remove the reference to infragistics.ui.grid.css

    Best regards,
    Martin Pavlov
    Infragistics, Inc.