Как сделать разрыв страницы после определенного количества строк в таблице bootstrap схемы?

Question

Я использую таблицу схем bootstrap в своем приложении, которая немного настроена. Часть, к которой я хочу добавить логи c, - это возможность разрыва страницы при каждой 20-й записи. Я попытался использовать эту документацию , чтобы помочь начать работу, но вроде как зашел в тупик.

Я знаю, что средство форматирования является частью помощи в создании строк / конфигурации таблицы схемы. Итак, мое выглядит так:

formatter: (cell, row, rowIndex) => {
            if (rowIndex == 20) {
              return (
                <div>
                  <div style={{pageBreakInside: "always"}}></div>
                  <Agent/>
                </div>
              );
            } else {
              return (
                <Agent/>
              );
            }
          }

Я также пробовал:

formatter: (cell, row, rowIndex) => {
            if (rowIndex % 20 === 0) { // modulus 20 to get divisibility
              return (
                <div>
                  <div style={{pageBreakInside: "always"}}></div>
                  <Agent/>
                </div>
              );
            } else {
              return (
                <Agent/>
              );
            }
          }

Ожидается: Разрыв страницы на 20-м агенте и отображение еще 20 агентов на следующей странице в таблице

Факт: Страница будет разбита 20-м агентом, на следующей странице будет показан только 21-й агент, страница снова будет разбита и отобразится еще 20 агентов. .

Чтобы проверить, я нажимаю Ctrl + P, и он показывает таблицу.