#css #angular
#css #angular
Вопрос:
Я пытаюсь использовать таблицу angular для отображения данных, я могу создавать данные, но когда я пытаюсь применить вертикальную и горизонтальную прокрутку, я хочу применить полосы прокрутки для таблицы, а не для страницы, я мог бы это сделать, но всякий раз, когда применяется полоса прокрутки, столбцы тела таблицы нарушаются, как показано ниже
https://stackblitz.com/edit/angular-lss9nk?file=src/app/app.component.html
Ответ №1:
Вы можете переделать
переполнение: автоматическое;
с
переполнение: наложение;
Нравится :
таблица thead, таблица tbody, .trClass { ширина: 100%; дисплей: блок; /* переполнение: автоматическое; */ переполнение: наложение; /*переполнение-y: прокрутка;*/ }
Комментарии:
1. Это работает частично. область полосы прокрутки содержит много нежелательных значков прокрутки, таких как angular-lss9nk.stackblitz.io
2. Добавил картинку в вопрос, пожалуйста, найдите ее. angular-lss9nk.stackblitz.io ИЛИ stackblitz.com/edit /…
3. Ок, попробуйте удалить overflow-y: scroll; нравится мой пост
4. Да, это работает, спасибо, одно уточнение, «наложение» сделает горизонтальную полосу прокрутки также рабочей
5. Нп ! вы можете проверить material.angular.io использовать какой-нибудь приятный графический компонент, например: Таблицу, кнопку и прочее. Если ты хочешь