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:
//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
}],
});
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 PavlovInfragistics, Inc.