# csv_preview: Refine table styling and header button visibility \(\#60995\) · gitcafe/zed

[View on GitCafe](https://git.cafe/gitcafe/zed/commit/0b94192ebd07762eb4e2aa70207923c0f6739299)

Repository: [gitcafe/zed](https://git.cafe/gitcafe/zed)

Visibility: public

Requested revision: 0b94192ebd07762eb4e2aa70207923c0f6739299

Requested commit: 0b94192ebd07762eb4e2aa70207923c0f6739299

Commit: 0b94192ebd07762eb4e2aa70207923c0f6739299

Tree: 93e6a05bdb56c2e3f21d40a0f37cd96f934d9cf1

Author: Oleksandr Kholiavko

Committer: GitHub

## Message

```
csv_preview: Refine table styling and header button visibility (#60995)

Cleans up table cell/row styling and reworks column header filter/sort
buttons so they stay out of the way until needed, with a gradient fade
instead of a hard clip when the header label is truncated.

### Summary

Improved CSV preview column headers to only show filter/sort actions on
hover, with a gradient fade for truncated labels

### Demo (todo)

| Before | After |
| --- | --- |
| <img width="771" height="626" alt="image"
src="https://github.com/user-attachments/assets/76dcf7b9-ed4a-444f-91f7-57f2acd16934"
/> | <img width="774" height="603" alt="image"
src="https://github.com/user-attachments/assets/aeda6693-ff37-41e6-a849-780874e23286"
/> |

### Testing

- Hover over a data column header: filter/sort buttons fade in, label
truncates behind a gradient rather than a hard edge
- Apply a filter or sort on a column: its buttons stay visible without
hovering
- Toggle row identifier / cell vertical alignment setting between top
and center: alignment applies consistently to both row identifiers and
cells
- Confirm table renders without the previous striping (only bottom
borders)

Release Notes:

-  N/A
```

## Parents

- [819fe337999551ce8177b14c8db1127645617ae4](https://git.cafe/gitcafe/zed/commit/819fe337999551ce8177b14c8db1127645617ae4?format=markdown)

[Source at this commit](https://git.cafe/gitcafe/zed/tree/0b94192ebd07762eb4e2aa70207923c0f6739299?format=markdown)