1.

How Can You Create A Pagination In Materialize Css?

Answer»

You can create a pagination in Materialize CSS by using pagination CLASS. This class is used with ul element.

Example:

<ul class="pagination"&GT;

<LI class="disabled"><a href="#!"><i class="material-icons">chevron_left</i></a></li>

<li class="active"><a href="#!">1</a></li>

<li class="waves-effect"><a href="#!">2</a></li>

<li class="waves-effect"><a href="#!">3</a></li>

<li class="waves-effect"><a href="#!">4</a></li>

<li class="waves-effect"><a href="#!">5</a></li>

<li class="waves-effect"><a href="#!"><i class="material-icons">chevron_right</i></a></li>

</ul>

You can create a pagination in Materialize CSS by using pagination class. This class is used with ul element.

Example:

<ul class="pagination">

<li class="disabled"><a href="#!"><i class="material-icons">chevron_left</i></a></li>

<li class="active"><a href="#!">1</a></li>

<li class="waves-effect"><a href="#!">2</a></li>

<li class="waves-effect"><a href="#!">3</a></li>

<li class="waves-effect"><a href="#!">4</a></li>

<li class="waves-effect"><a href="#!">5</a></li>

<li class="waves-effect"><a href="#!"><i class="material-icons">chevron_right</i></a></li>

</ul>



Discussion

No Comment Found