Как задать ширину столбца используя repeat()?

Question

[Ragtime Kitty]

Мне нужно сделать data-таблицу с помощью grid
Первый столбец - это порядковый номер и его ширину я пытаюсь сделать минимальной.



Подскажите, пожалуйста, как мне задать шириниу первому столбцу?

Answer 1

[Ankhena]

min-content
grid-template-columns: min-content repeat(3, 1fr);
https://jsfiddle.net/y20vnap1/

Comments

[Ragtime Kitty]

Спасибо. А как применить min-content, допустим, к 3 столбцу?

[Ankhena]

Ragtime Kitty, также как к первому, какая разница
1fr 1fr min-content 1fr

Answer 2

[Андрей Федоров]

grid-template-columns: 500px repeat(3, 1fr);

Answer 3

[Икотий Айтишевич]

grid-template-columns: 20px 1fr 1fr 1fr;