assign flexbox cells the same width

Question

I am building a table using display flex inside bootstrap 4 framework.

My goal is to have a table where the first column will always be the same and the other columns will be updated massively with an ajax call. That's why I am keeping two outer columns: one with the fixed column and one that contains the others. This approach has an issue: the columns on the right don't have the same width. How do I assign each the same width? I want to keep the right part as rows since I will fetch the data row by row on the backend to update this table. Note: I started to build the structure from this

.cell {
  border 1px solid black;
}

Deepu Reghunath · Accepted Answer

add justify-content-around class to each row

.cell {
  border 1px solid black;
}

assign flexbox cells the same width

Answers (1)

Related Questions