Нумерация таблиц + стили таблиц - как получить закругленные края в последней отображаемой строке

Question

У меня на сайте отображается таблица, которая разбита на страницы.Я сослался на первый ответ на этот вопрос: Показать N строк на страницу в таблице HTML , чтобы выяснить, как выполнить разбиение на страницы.

Проблема в том, что моя таблица имеет такой стиль:

table tr:first-child th:first-child {
    border-top-left-radius: 40px;
}

table tr:first-child th:last-child {
    border-top-right-radius: 40px;
}

table tr:last-child td:first-child {
    border-bottom-left-radius: 40px;
}

table tr:last-child td:last-child {
    border-bottom-right-radius: 40px;
}

В результате этого каждый «угол» всей таблицы округляется.Я хочу, чтобы таблица с нумерацией страниц также имела закругленные углы, однако я не могу изменить код нумерации страниц, чтобы добавить закругленный стиль к двум нижним углам.Я действительно застрял.

Любая помощь приветствуется!Дайте мне знать, если вам нужна дополнительная информация.

Вот пример для примера: https://jsfiddle.net/hermana/8nou03tc/37/

Когда я задаю, например, число строк, равное 5, я бы хотелпоследние две строки отображаются округленными.

Answer 1

На этот вопрос ответили в комментариях @AndyHoffman.Смотрите это скрипка .

table {
  background-color: black;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;  
}