Please see snapshot.
I have specified grid widths in an app where real estate is at a premium but they are wider than specified.
For example in snapshot first column, "select" is set to 20px but it is about 59px. I do not know if grid is compensating for extra space and trying to symmetrically widen other columns but I need to rid myself of the extra spacing.
Here is the grid specs I am using on my page:
$("#shnizzGrid").kendoGrid({
columns: [
{
field: "select",
title: "select",
template: '#= kendo.toString("<input class=\'pluck\' type=\'checkbox\' id=\'"+linkZZ+"\' />") #',
width: "20px"
},
{
field: "linkZZ",
title: "linkZZ",
template: '#= kendo.toString("<img title=\'click to generate a link to this playlist for sharing maniac!\' style=\'cursor:pointer\' src=\'//www.fuhshnizzle.com/linkz2.jpg\' onclick=\'shniZZlinkZ(this.id)\' id=\'"+linkZZ+"\' />") #',
width: "10px"
},
{
field: "Play",
title: "Play",
template: '#= kendo.toString("<img style=\'cursor:pointer\' src=\'//www.fuhshnizzle.com/play.jpg\' onclick=\'shniZZpoP(this.id);\' id=\'"+Play+"\' />") #',
width: "20px"
},
{
field: "LastModified",
title: "Date",
width: "40px"
},
{
field: "shniZZfO",
title: "sniZZfo",
template: '#= kendo.toString("<img title=\'View contents of shniZZmiX!\' style=\'cursor:pointer\' src=\'//www.fuhshnizzle.com/preview.gif\' onclick=\'shniZZfO(this.id)\' id=\'"+linkZZ+"\' />") #',
width: "10px"
},
{
field: "Key",
title: "shniZZmiXzZ",
width: "200px"
}],
dataSource: {
data: filterLoad(filter.toUpperCase()),
pageSize: 50
},
sortable: true,
pageable: true
});
window.setTimeout("styleshnizz();", 500);
}
Thanks!
Cary
I have specified grid widths in an app where real estate is at a premium but they are wider than specified.
For example in snapshot first column, "select" is set to 20px but it is about 59px. I do not know if grid is compensating for extra space and trying to symmetrically widen other columns but I need to rid myself of the extra spacing.
Here is the grid specs I am using on my page:
$("#shnizzGrid").kendoGrid({
columns: [
{
field: "select",
title: "select",
template: '#= kendo.toString("<input class=\'pluck\' type=\'checkbox\' id=\'"+linkZZ+"\' />") #',
width: "20px"
},
{
field: "linkZZ",
title: "linkZZ",
template: '#= kendo.toString("<img title=\'click to generate a link to this playlist for sharing maniac!\' style=\'cursor:pointer\' src=\'//www.fuhshnizzle.com/linkz2.jpg\' onclick=\'shniZZlinkZ(this.id)\' id=\'"+linkZZ+"\' />") #',
width: "10px"
},
{
field: "Play",
title: "Play",
template: '#= kendo.toString("<img style=\'cursor:pointer\' src=\'//www.fuhshnizzle.com/play.jpg\' onclick=\'shniZZpoP(this.id);\' id=\'"+Play+"\' />") #',
width: "20px"
},
{
field: "LastModified",
title: "Date",
width: "40px"
},
{
field: "shniZZfO",
title: "sniZZfo",
template: '#= kendo.toString("<img title=\'View contents of shniZZmiX!\' style=\'cursor:pointer\' src=\'//www.fuhshnizzle.com/preview.gif\' onclick=\'shniZZfO(this.id)\' id=\'"+linkZZ+"\' />") #',
width: "10px"
},
{
field: "Key",
title: "shniZZmiXzZ",
width: "200px"
}],
dataSource: {
data: filterLoad(filter.toUpperCase()),
pageSize: 50
},
sortable: true,
pageable: true
});
window.setTimeout("styleshnizz();", 500);
}
Thanks!
Cary