как добавить нумерацию страниц для таблицы semanti c, используя javascript и используя классы semanti c - PullRequest
Новая
       4

как добавить нумерацию страниц для таблицы semanti c, используя javascript и используя классы semanti c

0 голосов
/ 11 февраля 2020

Приведенная ниже таблица является только примером. Я хочу получить ответ, чтобы установить нумерацию страниц для этой таблицы, когда у меня много данных. скажите, пожалуйста, как я могу добавить нумерацию страниц для моего динамического стола? 

 <table class="ui compact selectable striped celled pagination table tablet stackable dataTable no-footer" cellspacing="0" width="100%" role="grid" aria-describedby="data_table_info" id = "tableCustomerDetails">
                    <thead>
                        <tr>
                            <th>Custome Name</th>
                            <th>Customer ID</th>
                            <th>Status</th>
                            <th>Special Approval Pending</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>
                                <h4>
                                    <img src="<c:url value='/resources/img/deadpool.jpeg'/>" class="ui left floated mini rounded image">
                                    <span class="content">Matthew<div class="sub header">Fabric Design</div></span>
                                </h4>
                            </td>
                        <td>200</td>
                        <td>
                            <div class="ui blue label">Pending</div>
                        </td>
                        <td>
                            <div class="ui left labeled icon buttons">
                                <div class="ui mini blue button" id="buttonPendingSpecialApproval"><i class="chevron circle right icon"></i>Yes</div>
                            </div>
                        </td>
                        </tr>
                        <tr>
                            <td>
                                <h4>
                                    <img src="<c:url value='/resources/img/avatar/people/Rick.png'/>" class="ui left floated mini rounded image">
                                    <span class="content">Matthew<span class="sub header">Fabric Design</span></span>
                                </h4>
                            </td>
                            <td>310</td>
                            <td>
                                <div class="ui green label">Submitted</div>
                            </td>
                            <td>
                                <div class="ui left labeled icon buttons">
                                    <div class="ui mini blue button" id=""><i class="chevron circle right icon"></i>No</div>
                                </div>
                            </td>
                        </tr>
                    </tbody>
                </table>
...