Дизайн таблиц 🫩

Чтобы сделать хорошо проработанный и интерактивный компонент таблицы, нужно постараться(сильно, все удалить и снова постараться) и учесть следующие моменты:

Фиксацию колонн при наличии горизонтального скролла. Возможно через placeholder колонку закидывать фиксированную колонну, возможно с тенью. Отобразить скролл бар через соответствующий пропс

  • фиксацию хэдера при вертикальном скроле. Мы говорим именно про дизайн, если что
  • еще варианты хэдера для отображения сортировки, именно варианты, хэдер обязан быть мультифункциональным. Как вариант сортировку можно вынести на уровень с фильтрами, как сделано в attio и polaris.
  • анимировать ховер по строке пока кажется не возможным, только если не подтягивать шейп поверх строки в прототипе. Главное условие при таком подходе - фиксированный размер макета, т.к. шейп будет принимать определенные координаты. Большую часть из перечисленного, скорее всего стоит именно описать в рамках дизайн гайда

Взаимодействие с сущностью (в нашем случае - строка) сейчас понимается как вызов контекстного меню через кебаб. Стоит рассматривать альтернативные варианты взаимодействия через ячейку. Например смена статуса.

Дизайн таблиц 🫩 | Сетка — социальная сеть от hh.ru