# \[DONE\] Wrap Cells & expand Column option in Table View

**URL:** https://community.fibery.io/t/done-wrap-cells-expand-column-option-in-table-view/820
**Category:** Ideas & Features
**Tags:** table-view
**Created:** [July 4, 2020, 6:38pm UTC](https://community.fibery.io/t/done-wrap-cells-expand-column-option-in-table-view/820 "2020-07-04T18:38:02Z")
**Posts on this page:** 20
**Page:** 1

<div class="post-metadata">

### Author: ![B\_Sp](https://avatars.discourse-cdn.com/v4/letter/b/e8c25b/32.png) [@B\_Sp](https://community.fibery.io/u/B_Sp)
#### Post date: [July 4, 2020, 6:38pm UTC](https://community.fibery.io/t/done-wrap-cells-expand-column-option-in-table-view/820/1 "2020-07-04T18:38:02Z")

</div>

I know we have some table updates with the “batch editing” coming up, very glad to hear about that! On the subject of tables, I wanted to suggest the option to “wrap” the table view.

This is a big piece of Notion that I’ve always found very useful.

![image](https://us1.discourse-cdn.com/flex020/uploads/fibery/original/2X/f/fea8da300c3f7aefd48ee5731fff66d5316971aa.png)

It’s very useful if you want to see your related entities as a small “list” in a table. With Fibery’s sophisticated many-to-one, many-to-many, and one-to-one visuals, this would really give Tables a leg up. Notion can’t benefit here as all the related items are the same. So I think if you gave this extra capability of tables the table view is even more powerful.

Coda takes it a step further and let’s you adjust how Columns render:

 ![image](https://us1.discourse-cdn.com/flex020/uploads/fibery/original/2X/8/84d4926d7aeefc2cb086e110838db8018c4a1e7e.png)

which would be a great option as well.

Thanks!

---

<div class="post-metadata">

### Author: ![a12k](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/a12k/32/805_2.png) [@a12k](https://community.fibery.io/u/a12k)
#### Post date: [July 5, 2020, 2:50pm UTC](https://community.fibery.io/t/done-wrap-cells-expand-column-option-in-table-view/820/2 "2020-07-05T14:50:22Z")

</div>

+10

The ability to wrap text, but also be able to wrap column headers is an awesome feature of coda.

I’m currently evaluating moving from coda to fibery so getting these little details right on tables matters a a lot!

Tables imho are extremely important to get right given that’s what many of us are used to, be it excel or google sheets.

Many other coda things like being able to arrow key tab through multiple images (eg like a gallery view) attached to a cell would be great.

---

<div class="post-metadata">

### Author: ![B\_Sp](https://avatars.discourse-cdn.com/v4/letter/b/e8c25b/32.png) [@B\_Sp](https://community.fibery.io/u/B_Sp)
#### Post date: [July 5, 2020, 8:48pm UTC](https://community.fibery.io/t/done-wrap-cells-expand-column-option-in-table-view/820/3 "2020-07-05T20:48:20Z")

</div>

Hey, thanks for the support. I posted a related item about wrapping here - feel free to add any thoughts and perhaps we can get some good feedback to the team collectively about improvements around Wrapping!

> [@Add Extra line on "Compact" Cards if text is too long](https://community.fibery.io/t/add-extra-line-on-compact-cards-if-text-is-too-long/818):
>
> Hi again, Small request here: I have been using the “compact” card view frequently. It’s very useful for things like a board that is an “Idea Bank,” or entities that are data types and present well in such a small format. However, I’ve noticed that if there are too many columns, the text will “run off the end” of the card: Could you guys allow for that text to wrap so that you had two lines of text on the Compact Card? I think that’s a much better alt…

---

<div class="post-metadata">

### Author: ![mdubakov](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/mdubakov/32/10_2.png) [@mdubakov](https://community.fibery.io/u/mdubakov)
#### Post date: [July 6, 2020, 7:50am UTC](https://community.fibery.io/t/done-wrap-cells-expand-column-option-in-table-view/820/4 "2020-07-06T07:50:43Z")

</div>

We’ll definitely consider this feature for Table View improvements.

---

<div class="post-metadata">

### Author: ![chris.burchartz](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/chris.burchartz/32/662_2.png) [@chris.burchartz](https://community.fibery.io/u/chris.burchartz)
#### Post date: [July 19, 2020, 8:49pm UTC](https://community.fibery.io/t/done-wrap-cells-expand-column-option-in-table-view/820/5 "2020-07-19T20:49:29Z")

</div>

+1 - has been on my list for a while. Entety listings in table view would profit much of this.  
Also the big question of "can and will we see Richt-Text-fields within the table view (or board-view) and if so: how (with small scroll-bars?)

---

<div class="post-metadata">

### Author: ![B\_Sp](https://avatars.discourse-cdn.com/v4/letter/b/e8c25b/32.png) [@B\_Sp](https://community.fibery.io/u/B_Sp)
#### Post date: [July 20, 2020, 2:12am UTC](https://community.fibery.io/t/done-wrap-cells-expand-column-option-in-table-view/820/6 "2020-07-20T02:12:43Z")

</div>

Chris, yes excellent on the “small scroll bars”!

As I used Notion, I noticed you can actually see inside a page in their gallery view, but there is no scroll bar to see the entire contents! I made a suggestion to them, see below to illustrate.

 ![Image 2020-06-29 at 1.08.30 PM](https://us1.discourse-cdn.com/flex020/uploads/fibery/original/2X/0/03e210822c6404d33f561153ffa14ae454d14b66.png)

So I agree 100%, this could be a good way to get this done in Fibery!

---

<div class="post-metadata">

### Author: ![Matt\_Blais](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/matt_blais/32/1464_2.png) [@Matt\_Blais](https://community.fibery.io/u/Matt_Blais)
#### Post date: [July 19, 2022, 2:11pm UTC](https://community.fibery.io/t/done-wrap-cells-expand-column-option-in-table-view/820/7 "2022-07-19T14:11:58Z")

</div>

Use CSS to allow wrapping of Table column headers:

```auto
/* Allow Table View column headers to wrap */
.i15e12aq.Item {
    text-overflow: initial !important;
    white-space: normal !important;
    line-height: 1.2em;
}

```

---

<div class="post-metadata">

### Author: ![Sarah\_Arminta](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/sarah_arminta/32/4915_2.png) [@Sarah\_Arminta](https://community.fibery.io/u/Sarah_Arminta)
#### Post date: [November 25, 2022, 6:19pm UTC](https://community.fibery.io/t/done-wrap-cells-expand-column-option-in-table-view/820/8 "2022-11-25T18:19:50Z")

</div>

Did table column wrapping ever get implemented?

---

<div class="post-metadata">

### Author: ![Matt\_Blais](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/matt_blais/32/1464_2.png) [@Matt\_Blais](https://community.fibery.io/u/Matt_Blais)
#### Post date: [November 27, 2022, 9:12pm UTC](https://community.fibery.io/t/done-wrap-cells-expand-column-option-in-table-view/820/9 "2022-11-27T21:12:41Z")

</div>

No, but User CSS still works. Here are my current Fibery tweaks (some might be out of date):

```auto

/* Rich Text: always show toggle 🔻 on headings (even when opened) */
.hvxvkvi.HeadingNodeView button {
    opacity: 1;
}

/* Always show Rich Text heading toggle buttons */
button.HeadingNodeView.bzlcd3y.HeadingToggleButton {
    opacity: 1;
}

body {
  --fibery-color-accentTextColor: hsl(205deg 10% 62%) !important;
}

.Document h1, .ProseMirror h1 {
    margin-left: -0.5em;
}

/* Make Field Titles more visible (entity view) */
html.light-theme .FieldContainer .Item {
    font-weight: 600;
    background-color: #f2f9fe;
    color: #0033b7;
}
html.dark-theme .FieldContainer .Item {
    font-weight: 600;
    color: #5d72a8;
}
html.dark-theme .FieldContainer .Button .Item {
    color: #ddd;
    background-color: inherit;
}

/* Center the Checkboxes in bool Table fields */
.TableContent .Cell > .Checkbox {
    width: 100%;
    text-align: center;
}

/* Allow Table View column headers to wrap to multiple lines */
.table_panel .Header.Item .Item {
    white-space: normal !important;
    text-align: center;
    text-overflow: initial !important; /* ellipsis */
}

/* Table View Column Header Hints: overlap with field name */
.table_panel .Header.Item .h1gpeivx.Item {
    position: absolute;
    right: 0;
    opacity: 50%;
}

```

---

<div class="post-metadata">

### Author: ![Sarah\_Arminta](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/sarah_arminta/32/4915_2.png) [@Sarah\_Arminta](https://community.fibery.io/u/Sarah_Arminta)
#### Post date: [November 28, 2022, 1:29am UTC](https://community.fibery.io/t/done-wrap-cells-expand-column-option-in-table-view/820/10 "2022-11-28T01:29:44Z")

</div>

Thanks! I’ll give that a try.

---

<div class="post-metadata">

### Author: ![JoelH](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/joelh/32/5193_2.png) [@JoelH](https://community.fibery.io/u/JoelH)
#### Post date: [November 29, 2022, 11:14am UTC](https://community.fibery.io/t/done-wrap-cells-expand-column-option-in-table-view/820/11 "2022-11-29T11:14:49Z")

</div>

> [@Matt\_Blais](#):
>
> User CSS

What are you referring to? Are you using some kind of browser addon like Tampermonkey?

---

<div class="post-metadata">

### Author: ![Matt\_Blais](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/matt_blais/32/1464_2.png) [@Matt\_Blais](https://community.fibery.io/u/Matt_Blais)
#### Post date: [November 29, 2022, 4:15pm UTC](https://community.fibery.io/t/done-wrap-cells-expand-column-option-in-table-view/820/12 "2022-11-29T16:15:57Z")

</div>

@JoelH Yes - I use this one: [User JavaScript and CSS - Chrome Web Store](https://chrome.google.com/webstore/detail/user-javascript-and-css/nbhcbdghjpllgmfilhnhkllmkecfmpld)

or this one, which a bit simpler: [User CSS - Chrome Web Store](https://chrome.google.com/webstore/detail/user-css/okpjlejfhacmgjkmknjhadmkdbcldfcb)

---

<div class="post-metadata">

### Author: ![JoelH](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/joelh/32/5193_2.png) [@JoelH](https://community.fibery.io/u/JoelH)
#### Post date: [December 1, 2022, 4:54pm UTC](https://community.fibery.io/t/done-wrap-cells-expand-column-option-in-table-view/820/13 "2022-12-01T16:54:57Z")

</div>

Gotcha. Ah these solutions only work for one man/woman teams, I fear (corporate env, no way to maintain this). But useful tip for those that can apply it!

---

<div class="post-metadata">

### Author: ![Dimitri\_S](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/dimitri_s/32/1683_2.png) [@Dimitri\_S](https://community.fibery.io/u/Dimitri_S)
#### Post date: [December 9, 2022, 11:03am UTC](https://community.fibery.io/t/done-wrap-cells-expand-column-option-in-table-view/820/14 "2022-12-09T11:03:08Z")

</div>

@mdubakov This feature was approved two years ago but nothing came of it, any chance it can be revisited? It would be a really nice quality of life improvement for the Tables view.

 ![image](https://us1.discourse-cdn.com/flex020/uploads/fibery/original/2X/4/43a5b875b83d7add168feca5466621efa7aa3b85.png)

See also:

> [@Table header wrapping and field description icon](https://community.fibery.io/t/table-header-wrapping-and-field-description-icon/2228):
>
> Table header wrapping: As someone that works a lot in the table views I would like to avoid having to constantly resize column widths in my battle between seeing what the field name is and trying to get the most columns visible without having to scroll. This can be achieved by allowing us to wrap the table header to 2 or 3 lines, potentially reducing wasted whitespace by 50-60% This request might be similar to the one here: [[APPROVED] Wrap Cells & expand Column option in Table View](https://community.fibery.io/t/approved-wrap-cells-expand-column-option-in-table-view/820) F…

---

<div class="post-metadata">

### Author: ![Matt\_Blais](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/matt_blais/32/1464_2.png) [@Matt\_Blais](https://community.fibery.io/u/Matt_Blais)
#### Post date: [January 30, 2023, 6:16pm UTC](https://community.fibery.io/t/done-wrap-cells-expand-column-option-in-table-view/820/15 "2023-01-30T18:16:16Z")

</div>

**Updated User CSS for customizing Table Views:**

```auto

/* Allow Table View column headers to wrap to multiple lines */
:is(.table_panel, .TypeTable) :is(.GridHeaderCell .Item, .d1q2ueec.GridHeaderCell) {
    white-space: normal !important;
    text-overflow: initial !important;
}

/* Table View Column Header Hint icons: overlap with field name */
:is(.table_panel, .TypeTable) .GridHeaderCell .Hint .h1gpeivx.Item {
    position: absolute;
    right: -3px;
    top: -3px;
    opacity: 50%;
}

/* Table View: show checkboxes centered */
:is(.table_panel, .TypeTable) .body_cell>.Checkbox {
    margin: auto;
    left: -5px;
}

```

---

<div class="post-metadata">

### Author: ![Dimitri\_S](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/dimitri_s/32/1683_2.png) [@Dimitri\_S](https://community.fibery.io/u/Dimitri_S)
#### Post date: [February 3, 2023, 11:21am UTC](https://community.fibery.io/t/done-wrap-cells-expand-column-option-in-table-view/820/16 "2023-02-03T11:21:32Z")

</div>

Thank you for sharing this. Hopefully it will become officially added to the UI one day…

---

<div class="post-metadata">

### Author: ![Matt\_Blais](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/matt_blais/32/1464_2.png) [@Matt\_Blais](https://community.fibery.io/u/Matt_Blais)
#### Post date: [February 3, 2023, 3:33pm UTC](https://community.fibery.io/t/done-wrap-cells-expand-column-option-in-table-view/820/17 "2023-02-03T15:33:50Z")

</div>

That, and hopefully Fibery will support Custom CSS one day 😀

---

<div class="post-metadata">

### Author: ![Thorlak](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/thorlak/32/5862_2.png) [@Thorlak](https://community.fibery.io/u/Thorlak)
#### Post date: [February 8, 2023, 9:02am UTC](https://community.fibery.io/t/done-wrap-cells-expand-column-option-in-table-view/820/18 "2023-02-08T09:02:30Z")

</div>

> [@B\_Sp](#):
>
> It’s very useful if you want to see your related entities as a small “list” in a table.

@Matt_Blais  
Do you by any chance also have a CSS script that can do this?

Wrapping the texts inside the table.

It is useful for not only related entities but also for other purposes like being able to see the full content of a longer text string in a “Text” field while still having the overview of the Table.

---

<div class="post-metadata">

### Author: ![Matt\_Blais](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/matt_blais/32/1464_2.png) [@Matt\_Blais](https://community.fibery.io/u/Matt_Blais)
#### Post date: [February 8, 2023, 5:22pm UTC](https://community.fibery.io/t/done-wrap-cells-expand-column-option-in-table-view/820/19 "2023-02-08T17:22:02Z")

</div>

In a table relation cell Fibery only shows the first 5 linked entities (max), regardless of the cell size, so CSS will not help show the rest.

Also the table views have fixed-height rows, so wrapping cell contents is not simple with CSS.

---

<div class="post-metadata">

### Author: ![Thorlak](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/thorlak/32/5862_2.png) [@Thorlak](https://community.fibery.io/u/Thorlak)
#### Post date: [February 8, 2023, 6:34pm UTC](https://community.fibery.io/t/done-wrap-cells-expand-column-option-in-table-view/820/20 "2023-02-08T18:34:01Z")

</div>

Okay. Thanks for the input Matt.  
So this requires some changes from the Fibery team then. 🙂

I this regard here is some inspiration on the way that Airtable makes it possible to change the height of rows in their “views”:  
 ![image](https://us1.discourse-cdn.com/flex020/uploads/fibery/original/2X/2/2cb33cc0bcd01a4c541e06e56f38400f057c29bb.png)

[Next page](https://community.fibery.io/t/done-wrap-cells-expand-column-option-in-table-view/820.md?page=2)
