A Pen by Jeff Bredenkamp on CodePen.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div class="container page-wrapper"> | |
<div class="page-inner"> | |
<div id="gallery-list" class="row"> | |
<div class="gallery"> | |
<div class="slider-wrapper"> | |
<div class="product-info d-flex"> | |
<span class="product-name">Zip wallet</span> | |
<span class="product-price">$162</span> | |
<p class="product-description">Zip Wallet. Volume Two</p> | |
</div> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<p>Sort Table Rows by Clicking on the Table Headers - Ascending and Descending (jQuery)</p> | |
<div class="container"> | |
<div class="table"> | |
<div class="table-header"> | |
<div class="header__item"><a id="name" class="filter__link" href="#">Name</a></div> | |
<div class="header__item"><a id="wins" class="filter__link filter__link--number" href="#">Wins</a></div> | |
<div class="header__item"><a id="draws" class="filter__link filter__link--number" href="#">Draws</a></div> | |
<div class="header__item"><a id="losses" class="filter__link filter__link--number" href="#">Losses</a></div> | |
<div class="header__item"><a id="total" class="filter__link filter__link--number" href="#">Total</a></div> |
Keyboard & mouse control on this heavy table !
A Pen by Jaime Gaspar on CodePen.
Example of applying cell styles to an excel file created by dataTables buttons extension.
A Pen by Jaime Gaspar on CodePen.
A Pen by Jaime Gaspar on CodePen.
A Pen by Jaime Gaspar on CodePen.