Как я могу добавить нумерацию страниц в мою таблицу HTML?Моя таблица заполняется динамически через цикл while с использованием php - PullRequest
0 голосов
/ 28 февраля 2019

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

<table id="table_id" class="tablesorter">
    <thead>
        <tr>
            <th>Event Name</th>
            <th>Event Details</th>
            <th>Cancel</th>
        </tr>
    </thead>
    <tbody>
        <?php
        $query = "SELECT * FROM Events , user_events WHERE user_events.id = '" . mysqli_real_escape_string($connection, $_SESSION['id']) . "' AND user_events.Event_ID = Events.Event_ID";
        $display_event = mysqli_query($connection, $query);

        while ($row = mysqli_fetch_assoc($display_event)) {
            $event_id = $row['Event_ID'];
            $event_title = $row['Event_Name'];
            $event_image = $row['event_image'];
            $event_date = $row['Start_Date'];
            $event_location = $row['location'];
            $event_content = $row['Other_Details'];
            $event_status = $row['Event_Status_Code'];

            $today = date("Y-m-d");
            echo "<tr>";

            if ($event_status == 'published' and $event_date >= $today) {
                ?>



                <?php echo "<td>$event_title</td>"; ?>
                <?php echo "<td>$event_date</td>"; ?>

            <?php echo "<td><form method=\"post\">
                            <button name=\"delete\" onclick=\"return confirm('Are you sure you want to Deregister')\" value=\"$event_id\">Deregister</button>
                        </form></td>";
        }
    }
    ?>
    </tbody>
</table>

1 Ответ

0 голосов
/ 28 февраля 2019

Вы можете использовать Datatable и добавить этот скрипт, который вы можете посмотреть в datables.net:

$(document).ready(function () {
var table = $('#example').DataTable({
    scrollY: "300px",
    scrollX: true,
    scrollCollapse: true,
    paging: True,//to allow pagination of your table

    /*Pour fixer les colonnes*/
    fixedColumns: {
        leftColumns: 1,
        rightColumns: 0
    },
    /*activer/désactiver la recherche et le tri */
    searching: false,
    ordering: false
});

});

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...