render pagination

Zealous Zebra answered on May 15, 2024 Popularity 1/10 Helpfulness 1/10

answer render pagination

render pagination

Comment

function renderPagination(data, container) {
    let html = "";

    if (data.data && data.data.length > 0) {
        html += `<div class="post-pagination wow fadeInUp" data-wow-delay="0.10s">
            <ul class="pagination">`;

        if (data.prev_page_url !== null) {
            html += `<li><a href="javascript:void(0)" data-page="${
                data.current_page - 1
            }"><i class="fa-solid fa-arrow-left-long"></i></a></li>`;
        }

        for (var i = 1; i <= data.last_page; i++) {
            html += `<li class="${
                data.current_page == i ? "active" : ""
            }"><a href="javascript:void(0)" data-page="${i}">${i}</a></li>`;
        }

        if (data.next_page_url !== null) {
            html += `<li><a href="javascript:void(0)" data-page="${
                data.current_page + 1
            }"><i class="fa-solid fa-arrow-right-long"></i></a></li>`;
        }

        html += `       </ul>
    </div>`;
    }

    $(container).html(html);
}

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: javascript pagination render

Link to this answer
Share Copy Link

Contributed on May 15 2024

Zealous Zebra

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

render pagination

Contents

More Related Answers

render pagination

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.