Does anyone know how to initialize Materialize Pagination? I am having a problem here trying to figure out, but Materialize does not have any guides on this.
What JavaScript code or jQuery do I need to put? I am new to programming, and this is my first time including pagination in one of my project. I tried google, but cannot find the answer to this. Hope somebody can guide me on this part.
HTML page:
<div class="col s8" id="threadpage">
<ul class="collection">
<s:iterator value="threadList">
<li class="collection-item row">
<div class="col s10">
<a href="viewThread?threadId=<s:property value="threadId"/>"><s:property value="threadTitle"/></a>
<p class="home-thread-title">Posted By: <a href="userProfile?userId=<s:property value="userId"/>"><s:property value="userName"/></a>
<span class="datetime">on <s:property value="createTimestamp"/></span></p>
</div>
<div class="col s2 center-align thrd-reply-count-box">
<s:property value="replyCount"/><br>
<span class="reply-count-text">Replies</span>
</div>
</li>
</s:iterator>
</ul>
<ul class="pagination">
<li class=""><a href="#left"><i class="material-icons">chevron_left</i></a></li>
<li class="waves-effect"><a href="#1">1</a></li>
<li class="waves-effect"><a href="#2">2</a></li>
<li class="waves-effect"><a href="#3">3</a></li>
<li class="waves-effect"><a href="#4">4</a></li>
<li class="waves-effect"><a href="#5">5</a></li>
<li class="waves-effect"><a href="#right"><i class="material-icons">chevron_right</i></a></li>
</ul>
</div>