This is a migrated thread and some comments may be shown as answers.

Column on end of Total Row on Scrollable grid

2 Answers 64 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Cherie
Top achievements
Rank 1
Cherie asked on 15 Apr 2020, 11:27 PM

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

Sort by
0
Georgi
Telerik team
answered on 17 Apr 2020, 09:13 AM

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

Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
Our thoughts here at Progress are with those affected by the outbreak.
0
Cherie
Top achievements
Rank 1
answered on 18 Apr 2020, 01:50 AM

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.

Tags
Grid
Asked by
Cherie
Top achievements
Rank 1
Answers by
Georgi
Telerik team
Cherie
Top achievements
Rank 1
Share this question
or