Logo Luan Morina
Bootstrap Table Pagination with Keyboard Arrow Keys
Preview
Year Song Title Artist
1979 Ain't No Stoppin' Us Now McFadden & Whitehead
2012 One More Night Maroon 5
1975 I'm Sorry John Denver
2009 Hotel Room Service Pitbull
1997 Something About the Way You look Tonight Elton John
1973 Free Electric Band Albert Hammond
1965 Go Now The Moody Blues
1973 Hi Hi Hi Wings
1970 Neanderthal Man 10CC
1989 Another Day in Paradise Phil Collins
2006 Irreplaceable Beyonce
2012 We Are Never Ever Getting Back Together Taylor Swift
1989 On Our Own (Theme from 'Ghostbusters II') Bobby Brown
1967 Brown Eyed Girl Van Morrison
1988 Smooth Criminal Michael Jackson
1979 Reunited Peaches & Herb
1996 Un-Break My Heart Toni Braxton
1985 Everybody Wants to Rule the World Tears For Fears
1999 Changes 2Pac
1995 Freak Like Me Adina Howard
1990 Love Takes Time Mariah Carey
1969 Love Me Tonight Tom Jones
1977 You Make Loving Fun Fleetwood Mac
1968 Lazy Sunday The Small Faces
2001 Smooth Criminal Alien Ant Farm
2005 Ghetto Gospel 2Pac & Elton John
1980 Ladies Night Kool & The Gang
1987 Don't Dream It's Over Crowded House
1963 Surfin' USA The Beach Boys
1995 A Girl Like You Edwyn Collins
1972 Candy Man Sammy Davis Jr
1997 Ain't That Just The Way (That Love Goes Down) Lutricia McNeal
2005 Just a Lil Bit 50 Cent
2003 The Voice Within Christina Aguilera
1972 Beg Steal Or Borrow The New Seekers
1999 Tell Me It's Real K-Ci & JoJo
1978 Love Is Thicker Than Water Andy Gibb
1991 Gypsy Woman (La Da Dee) Crystal Waters
1996 Nobody Knows Tony Rich Project
1979 Does Your Mother Know Abba
1989 Like a Prayer Madonna
1969 Saved By the Bell Robin Gibb
1996 Insomnia Faithless
1964 Twist & Shout The Beatles
1973 Oh Babe What Would You Say? Hurricane Smith
1996 Sittin' Up In My Room Brandy
1997 Falling in Love (Is Hard on the Knees) Aerosmith
1993 No Limit 2 Unlimited
2002 Don't Know Why Norah Jones
2004 Dry Your Eyes The Streets
1978 Emotion Samantha Sang
1987 Strangelove Depeche Mode
1967 Hello, Goodbye The Beatles
1968 Simon Says 1910 Fruitgum Co
1996 The Lemon Tree Fool's Garden
1988 Get Outta My Dreams Get Into My Car Billy Ocean
1992 Weather With You Crowded House
2008 Closer Ne-Yo
2003 Feel Good Time Pink & William Orbit
1997 Candle in the Wind '97 Elton John
HTML
<table id="demoTable" class="table table-striped">
<thead>
<tr>
<th>Year</th>
<th>Song Title</th>
<th>Artist</th>
</tr>
</thead>
<tbody>
<tr>
<td>1979</td>
<td>Ain't No Stoppin' Us Now</td>
<td>McFadden &amp; Whitehead</td>
</tr>
<tr>
<td>2012</td>
<td>One More Night</td>
<td>Maroon 5</td>
</tr>
<tr>
<td>1975</td>
<td>I'm Sorry</td>
<td>John Denver</td>
</tr>
<tr>
<td>2009</td>
<td>Hotel Room Service</td>
<td>Pitbull</td>
</tr>
<tr>
<td>1997</td>
<td>Something About the Way You look Tonight</td>
<td>Elton John</td>
</tr>
<tr>
<td>1973</td>
<td>Free Electric Band</td>
<td>Albert Hammond</td>
</tr>
<tr>
<td>1965</td>
<td>Go Now</td>
<td>The Moody Blues</td>
</tr>
<tr>
<td>1973</td>
<td>Hi Hi Hi</td>
<td>Wings</td>
</tr>
<tr>
<td>1970</td>
<td>Neanderthal Man</td>
<td>10CC</td>
</tr>
<tr>
<td>1989</td>
<td>Another Day in Paradise</td>
<td>Phil Collins</td>
</tr>
<tr>
<td>2006</td>
<td>Irreplaceable</td>
<td>Beyonce</td>
</tr>
<tr>
<td>2012</td>
<td>We Are Never Ever Getting Back Together</td>
<td>Taylor Swift</td>
</tr>
<tr>
<td>1989</td>
<td>On Our Own (Theme from 'Ghostbusters II')</td>
<td>Bobby Brown</td>
</tr>
<tr>
<td>1967</td>
<td>Brown Eyed Girl</td>
<td>Van Morrison</td>
</tr>
<tr>
<td>1988</td>
<td>Smooth Criminal</td>
<td>Michael Jackson</td>
</tr>
<tr>
<td>1979</td>
<td>Reunited</td>
<td>Peaches &amp; Herb</td>
</tr>
<tr>
<td>1996</td>
<td>Un-Break My Heart</td>
<td>Toni Braxton</td>
</tr>
<tr>
<td>1985</td>
<td>Everybody Wants to Rule the World</td>
<td>Tears For Fears</td>
</tr>
<tr>
<td>1999</td>
<td>Changes</td>
<td>2Pac</td>
</tr>
<tr>
<td>1995</td>
<td>Freak Like Me</td>
<td>Adina Howard</td>
</tr>
<tr>
<td>1990</td>
<td>Love Takes Time</td>
<td>Mariah Carey</td>
</tr>
<tr>
<td>1969</td>
<td>Love Me Tonight</td>
<td>Tom Jones</td>
</tr>
<tr>
<td>1977</td>
<td>You Make Loving Fun</td>
<td>Fleetwood Mac</td>
</tr>
<tr>
<td>1968</td>
<td>Lazy Sunday</td>
<td>The Small Faces</td>
</tr>
<tr>
<td>2001</td>
<td>Smooth Criminal</td>
<td>Alien Ant Farm</td>
</tr>
<tr>
<td>2005</td>
<td>Ghetto Gospel</td>
<td>2Pac &amp; Elton John</td>
</tr>
<tr>
<td>1980</td>
<td>Ladies Night</td>
<td>Kool &amp; The Gang</td>
</tr>
<tr>
<td>1987</td>
<td>Don't Dream It's Over</td>
<td>Crowded House</td>
</tr>
<tr>
<td>1963</td>
<td>Surfin' USA</td>
<td>The Beach Boys</td>
</tr>
<tr>
<td>1995</td>
<td>A Girl Like You</td>
<td>Edwyn Collins</td>
</tr>
<tr>
<td>1972</td>
<td>Candy Man</td>
<td>Sammy Davis Jr</td>
</tr>
<tr>
<td>1997</td>
<td>Ain't That Just The Way (That Love Goes Down)</td>
<td>Lutricia McNeal</td>
</tr>
<tr>
<td>2005</td>
<td>Just a Lil Bit</td>
<td>50 Cent</td>
</tr>
<tr>
<td>2003</td>
<td>The Voice Within</td>
<td>Christina Aguilera</td>
</tr>
<tr>
<td>1972</td>
<td>Beg Steal Or Borrow</td>
<td>The New Seekers</td>
</tr>
<tr>
<td>1999</td>
<td>Tell Me It's Real</td>
<td>K-Ci &amp; JoJo</td>
</tr>
<tr>
<td>1978</td>
<td>Love Is Thicker Than Water</td>
<td>Andy Gibb</td>
</tr>
<tr>
<td>1991</td>
<td>Gypsy Woman (La Da Dee)</td>
<td>Crystal Waters</td>
</tr>
<tr>
<td>1996</td>
<td>Nobody Knows</td>
<td>Tony Rich Project</td>
</tr>
<tr>
<td>1979</td>
<td>Does Your Mother Know</td>
<td>Abba</td>
</tr>
<tr>
<td>1989</td>
<td>Like a Prayer</td>
<td>Madonna</td>
</tr>
<tr>
<td>1969</td>
<td>Saved By the Bell</td>
<td>Robin Gibb</td>
</tr>
<tr>
<td>1996</td>
<td>Insomnia</td>
<td>Faithless</td>
</tr>
<tr>
<td>1964</td>
<td>Twist &amp; Shout</td>
<td>The Beatles</td>
</tr>
<tr>
<td>1973</td>
<td>Oh Babe What Would You Say?</td>
<td>Hurricane Smith</td>
</tr>
<tr>
<td>1996</td>
<td>Sittin' Up In My Room</td>
<td>Brandy</td>
</tr>
<tr>
<td>1997</td>
<td>Falling in Love (Is Hard on the Knees)</td>
<td>Aerosmith</td>
</tr>
<tr>
<td>1993</td>
<td>No Limit</td>
<td>2 Unlimited</td>
</tr>
<tr>
<td>2002</td>
<td>Don't Know Why</td>
<td>Norah Jones</td>
</tr>
<tr>
<td>2004</td>
<td>Dry Your Eyes</td>
<td>The Streets</td>
</tr>
<tr>
<td>1978</td>
<td>Emotion</td>
<td>Samantha Sang</td>
</tr>
<tr>
<td>1987</td>
<td>Strangelove</td>
<td>Depeche Mode</td>
</tr>
<tr>
<td>1967</td>
<td>Hello, Goodbye</td>
<td>The Beatles</td>
</tr>
<tr>
<td>1968</td>
<td>Simon Says</td>
<td>1910 Fruitgum Co</td>
</tr>
<tr>
<td>1996</td>
<td>The Lemon Tree</td>
<td>Fool's Garden</td>
</tr>
<tr>
<td>1988</td>
<td>Get Outta My Dreams Get Into My Car</td>
<td>Billy Ocean</td>
</tr>
<tr>
<td>1992</td>
<td>Weather With You</td>
<td>Crowded House</td>
</tr>
<tr>
<td>2008</td>
<td>Closer</td>
<td>Ne-Yo</td>
</tr>
<tr>
<td>2003</td>
<td>Feel Good Time</td>
<td>Pink &amp; William Orbit</td>
</tr>
<tr>
<td>1997</td>
<td>Candle in the Wind '97</td>
<td>Elton John</td>
</tr>
</tbody>
</table>
CSS
<style>
@import url("https://cdn.datatables.net/1.12.1/css/jquery.dataTables.min.css"); 
</style>
JS
<script src="https://cdn.datatables.net/1.12.1/js/jquery.dataTables.min.js"></script>
<script>
$(document).ready(function() {
$("#demoTable").DataTable({
paging: true,
pageLength: 4,
ordering: true,
info: false,
lengthChange: false,
language: {
search: "_INPUT_",
searchPlaceholder: "Search",
paginate: {
next: '<i class="fa-solid fa-right-long"></i>',
previous: '<i class="fa-solid fa-left-long"></i>' 
}
},
search: {
addClass: 'form-control input-lg col-xs-12',
},
});
});
</script>
<script type="text/javascript"> 
$(document).keydown(function(e){
var myTable = $('#demoTable').dataTable();
if (e.which == 37) { 
myTable.fnPageChange( 'previous' );
return false;
} 
if (e.which == 39) { 
myTable.fnPageChange( 'next' );
return false;
}

});
</script>