Razor Pages горизонтальный стол

Question

Доброе утро,

Я разрабатываю свое веб-приложение, используя . Net Core 3.1 и Razor Pages .

В моем приложении мне нужно отобразить большой объем данных на сетке и поэтому хотел бы повернуть стандартную сетку на 90 градусов . Я хотел бы получить что-то вроде «Горизонтальной прокрутки» этого сообщения в блоге , но вместо простой горизонтальной прокрутки я хотел бы переместить заголовки в сторону и, как уже упоминалось выше, повернуть все поля сетки.

Я не могу найти API, который бы соответствовал моим потребностям. У кого-нибудь есть предложения по поводу того, что я мог бы попробовать? Я бы не хотел сам строить всю сетку (со всеми логами подкачки, фильтрации и упорядочивания c). Я также открыт для альтернативных решений !!

Спасибо всем!

Answer 1

Вы сказали, что вам нужно отобразить a large amount of data, я думаю, что дизайн, который вы хотите в данный момент, не подходит для отображения большого количества данных.

Потому что если заголовок Слева, тогда только одна информация может быть отображена на каждой странице, и каждая страница должна загрузить заголовок, что приведет к большой избыточности .

Если вы просто хотите отображать красивые из-за слишком большого числа столбцов я предлагаю использовать свойство responsive в jQuery datatable, которое может динамически отображать количество столбцов в соответствии с шириной вашей текущей страницы, а также сворачивать или отображать дополнительные столбцы.

Вы можете сослаться на это .

Answer 2

Это больше похоже на вопрос HTML и на самом деле не относится к Razor Pages. Вот пара примеров горизонтальной прокрутки HTML таблиц:

https://mdbootstrap.com/docs/jquery/tables/scroll/#datatable-horizontal-scroll

https://datatables.net/examples/basic_init/scroll_x.html