table icon indicating copy to clipboard operation
table copied to clipboard

Columns header not aligned with the body when using vertical scroll

Open lmvco opened this issue 6 years ago • 2 comments

I created a demo using vertical scroll. I realized that, after that, the rc-table component created 2 tables for rendering - see here Then I set a small width for column "title1" and I set the ellipsis prop for all the columns.

In this scenario, the column was wrongly rendered since the width of the cells are lower than the width of the header.

image

lmvco avatar Sep 18 '19 14:09 lmvco

@lmvco Have you solved the problem? I am having the same issue.

gius avatar Jul 30 '21 15:07 gius

The following CSS fixed the issue for me:

.rc-table-header table {
  width: 100%;
}

gius avatar Jul 30 '21 16:07 gius