Can anyone tell me what the gray area on the bottom right of the grid is? (It almost looks like an extra empty cell on the end , and I don't need it.) I don't know how to get rid of it and it's cutting off the total amount in my last total column. My grid has a scrollable = true setting, and resizeable = true setting, and the first two columns are frozen. (See attached screenshot)
//Typescript code:
mod.Controls.grid.item.kendoGrid({
dataSource: {
data: [],
},
editable: false,
scrollable: true,
resizable: true,
filterable: true,
noRecords: true,
pageable: false,
2 Answers, 1 is accepted
Hello Cherie,
It looks like the table of the grid is overflowing the outermost element. Do you have height specified on the element? Would it be possible to provide us with a sample where the issue replicates? Or if sample is not an option, the full configuration, including the html and any custom css which might impact the grid?
I look forward to your reply.
Regards,
Georgi
Progress Telerik
Our thoughts here at Progress are with those affected by the outbreak.
Rank 1
Hi George. Someone on our front-end team was able to solve it by applying the below styles to the grid:
.k-grid-footer {
padding-right: 0px !important;
height: 54px;
border-bottom: 1px solid $m--color-secondary-hex;
border-left: 1px solid $m-color-grid-border;
table td {
height: 54px;
background: $menu-alt-background-color;
border-right: 1px solid transparent;
}
}
I hope that adding the code here will help someone in the future.