Прокрутка переполнения углового стиля CSS

#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 использовать какой-нибудь приятный графический компонент, например: Таблицу, кнопку и прочее. Если ты хочешь