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

Question

У меня есть динамически сгенерированные таблицы, каждый раз, когда обновляется страница, вставлена ​​новая строка данных. Как я могу сдержать таблицу, где будет отображаться не более 7 строк таблицы, и как только она достигнет 7. Обновите таблицу существующей таблицы таблицы данными вместо добавления новой строки. Мое приложение состоит из тимелеафа для переднего конца, java/springboot для заднего конца.

Я использую лист тимьяна с этим скриптом, чтобы автоматически генерировать код.

<table th:object="${showbudata}"> 
    <thead> 
    <tr> 
     <th> Date </th> 
     <th> Status </th> 
     <th> HostName </th> 
     <th> Implement Version</th> 

    </tr> 
    </thead> 
    <tbody> 

    <tr th:each="t: ${showbudata}" th:if="${server.host == t.host}"> 
    <td th:text="${t.date}" /> 
    <td th:text="${t.Status}" /> 
    <td th:text="${t.host}" /> 
    <td th:text="${t.version}" /> 
    </tr> 

    </tbody> 
</table> 

Answer 1

Вы должны реализовать в качестве имени pagination для ваших данных. Вам может быть интересно взглянуть на Thymeleaf Spring Data Dialect.

Answer 2

Как странице получает обновления и вы wan't держать след максимальной строки, которую можно использовать в качестве LocalStorage

var max = 5; 
var currentRowsCount = localStorage.get('rowsInsreted') || 0; 
if(currentRowsCount < max){ 
    // insert new row 
    localStorage.setItem("rowsInsreted", currentRowsCount+1)); 
} 

Nice article for localstorage