как сделать заголовок таблицы начальной загрузки 4 липким сверху при прокрутке страницы

#bootstrap-4 #argon

Вопрос:

Я использую панель мониторинга argon от creative tim https://demos.creative-tim.com/argon-dashboard/. Теперь я хочу, чтобы заголовок таблицы оставался вверху при прокрутке страницы. Я пробовал использовать класс sticky-top, но это не работает.

                            <thead class="thead-light sticky-top">
                            <tr>
                                <th scope="col-2" class="sort" data-sort="name">Customer ID</th>
                                <th scope="col" class="sort" data-sort="budget">Company</th>
                                <th scope="col" class="sort" data-sort="status">Employees</th>
                                <th scope="col">Country</th>
                                <th scope="col" class="sort" data-sort="completion">Last admin login</th>
                                <th scope="col">Last employee login</th>
                                <th scope="col">Last invoice</th>
                                <th scope="col">Next invoice</th>
                                <th scope="col">Total invoiced</th>
                                <th scope="col">Status</th>
                                <th scope="col">Created</th>
                            </tr>
                            </thead>
 

В чем проблема с кодом? Любой может это сделать, прокомментируйте ниже.

введите описание изображения здесь

Ответ №1:

Попробуй fixed-top вместо этого. Это сработало для меня

Комментарии:

1. Но он плавает в верхнем углу, а не внутри карты. Есть идеи? @Дейв