Skip to main content

Grids: Allow for styling of strokes between rows and/or columns

  • December 18, 2025
  • 2 replies
  • 138 views

flauridsen

As far as I can tell it’s not currently possible to add strokes between rows and columns in grid, which would be very helpful for data tables.

 

If I had strokes to the content in the cells it either looks like this if the cells are set to hug content:

 

And if I set the cells to fill the strokes align nicely, but the text is cut off:


The best “hack” I’ve found so far is to add a row with a column span going the full width of the grid and insert a 1px line with a width set to fill. It works as a proper table in terms of responsiveness, but the downside is that you have these dummy rows, which can be a little annoying when reordering content. It would be a lot easier if I could just set a stroke color (or possibly width, but that could also just follow the gap size).

2 replies

David Kieffer
  • New Member
  • December 22, 2025

Figma doesnt support this type of functionality as far as I can tell. :( 

Another hacky thing you can try is adding a fill to the table that you want for your border color, and a fill to each cell that you want for your bg. Then manually set each cell to fill or hug based on the content length. Then set the grid gap to whatever you want for your grid lines.


flauridsen
  • Author
  • New Participant
  • January 22, 2026

Figma doesnt support this type of functionality as far as I can tell. :( 

Another hacky thing you can try is adding a fill to the table that you want for your border color, and a fill to each cell that you want for your bg. Then manually set each cell to fill or hug based on the content length. Then set the grid gap to whatever you want for your grid lines.

Great solution, thanks! This is imo a much better workaround than adding extra rows with lines as you wouldn’t have to deal with the mock rows.