Sorting using footable plugin

Developer
Utcwebdev
Size
3,459 Kb
Views
12,144
  1. Sorting using footable plugin Previews
  2. Sorting using footable plugin HTML Codes
  3. Sorting using footable plugin JS Codes

How do I make an sorting using footable plugin?

What is a sorting using footable plugin? How do you make a sorting using footable plugin? This script and codes were developed by Utcwebdev on 26 November 2022, Saturday.

Sorting using footable plugin Previews
IQ Test

Sorting using footable plugin - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>sorting using footable plugin</title> <meta name='viewport' content='width=device-width'>
</head>
<body> <!-- Standard UTC Stylesheet, gets added by site templates -->
<link rel="stylesheet" type="text/css" href="//www.utc.edu/_resources/css/kickstrap.css?ver=2.3.1.10" media="all">
<!-- FooTable Core Stylesheet ADD THIS TO <headcode> - better to use asset tags for the local utc.edu sources -->
<link rel="stylesheet" type="text/css" href="//www.utc.edu/_resources/Kickstrap/apps/footable/css/footable.core.min.css" media="all">
<!-- jQuery, default loaded by utc.edu - no need to add this on utc.edu --> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>
<!-- FooTable Javascript ADD THIS TO <footcode> - better to use asset tags for the local utc.edu sources --> <script src="//www.utc.edu/_resources/Kickstrap/apps/footable/js/footable.js" type="text/javascript"></script> <script src="//www.utc.edu/_resources/Kickstrap/apps/footable/js/footable.sort.js" type="text/javascript"></script>
<!-- footable class initiates javascript bootstrap classes are compatible with footable DO NOT use <tbody> tags! read footable docs for explanations of the data-attributes -->
<table class="table footable toggle-square-filled">
<thead> <tr> <th scope="col" width="20%" data-toggle="true" data-sort-initial="true">Name</th> <th scope="col" width="30%" data-hide="phone,tablet,tabland" data-sort-ignore="true">Title</th> <th scope="col" width="20%" data-hide="phone,tablet">Department</th> <th scope="col" width="12%" data-hide="phone" data-sort-ignore="true">Phone</th> <th scope="col" width="18%" data-hide="phone">Email</th> </tr>
</thead>
<tr>
<td ><a href="../aaa.php">Adams, Valarie</a></td>
<td>Cataloging Coordinator</td>
<td>Collection Services</td>
<td>(800) 666-4095</td>
<td><a href="mailto:[email protected]">[email protected]</a></td>
</tr>
<tr>
<td ><a href="../aaa.php">Baker, Bo</a></td>
<td>Team Lead, Studio</td>
<td>Research and Public Services</td>
<td>(800) 666-4505</td>
<td><a href="mailto:[email protected]">[email protected]</a></td>
</tr>
<tr>
<td ><a href="../aaa.php">Bell, Mike</a></td>
<td>Assistant. Dean, Head of Collections</td>
<td>Collection Services</td>
<td>(800) 666-2670</td>
<td><a href="mailto:[email protected]">[email protected]</a></td>
</tr>
<tr>
<td ><a href="../aaa.php">Cairns, Virginia</a></td>
<td>Head, Research and Public Services</td>
<td>Research and Public Services</td>
<td>(800) 666-2279</td>
<td><a href="mailto:[email protected]">[email protected]</a></td>
</tr>
<tr>
<td ><a href="../aaa.php">Cash, Josh</a></td>
<td>Team Lead, Circulation</td>
<td>Research and Public Services</td>
<td>(800) 666-5466</td>
<td><a href="mailto:[email protected]">[email protected]</a></td>
</tr>
<tr>
<td ><a href="../aaa.php">Clark, Sherlin</a></td>
<td>Interlibrary Loan Specialist</td>
<td>Collection Services</td>
<td>(800) 666-4739</td>
<td><a href="mailto:[email protected]">[email protected]</a></td>
</tr>
<tr>
<td ><a href="../aaa.php">Cowden, Chapel</a></td>
<td>Instruction Librarian</td>
<td>Research and Public Services</td>
<td>(800) 666-2672</td>
<td><a href="mailto:[email protected]">[email protected]</a></td>
</tr>
<tr>
<td ><a href="../aaa.php">Cox, Steven</a></td>
<td>Team Lead, Special Collections and University Archives</td>
<td>Collection Services</td>
<td>(800) 666-2186</td>
<td><a href="mailto:[email protected]">[email protected]</a></td>
</tr>
<tr>
<td ><a href="../aaa.php">Dunn, Melanie</a></td>
<td>Interlibrary Loan Specialist</td>
<td>Collection Services</td>
<td>(800) 666-4502</td>
<td><a href="mailto:[email protected]">[email protected]</a></td>
</tr>
<tr>
<td ><a href="../aaa.php">Edmondson, Susan</a></td>
<td>Interlibrary Loan Specialist</td>
<td>Collection Services</td>
<td>(800) 666-4739</td>
<td><a href="mailto:[email protected]">[email protected]</a></td>
</tr>
<tr>
<td ><a href="../aaa.php">Elliott, David</a></td>
<td>Circulation Specialist</td>
<td>Research and Public Services</td>
<td>(800) 666-4501</td>
<td><a href="mailto:[email protected]">[email protected]</a></td>
</tr>
<tr>
<td ><a href="../aaa.php">Gohn, Katie</a></td>
<td>Assistant Head of Collections</td>
<td>Collection Services</td>
<td>(800) 666-2366</td>
<td><a href="mailto:[email protected]">[email protected]</a></td>
</tr>
<tr>
<td ><a href="../aaa.php">Griffey, Jason</a></td>
<td>IT Administrator</td>
<td>Administrative Services</td>
<td>(800) 666-5549</td>
<td><a href="mailto:[email protected]">[email protected]</a></td>
</tr>
<tr>
<td ><a href="../aaa.php">Harris-Keith, Colleen</a></td>
<td>Instruction Librarian</td>
<td>Research and Public Services</td>
<td>(800) 666-4469</td>
<td><a href="mailto:[email protected]">[email protected]</a></td>
</tr>
<tr>
<td ><a href="../aaa.php">Jackson, Layton</a></td>
<td>Stacks Maintenance Specialist</td>
<td>Collection Services</td>
<td>(800) 666-4502</td>
<td><a href="mailto:[email protected]">[email protected]</a></td>
</tr>
<tr>
<td ><a href="../aaa.php">Kutz, Beverly</a></td>
<td>Instruction Librarian</td>
<td>Research and Public Services</td>
<td>(800) 666-2673</td>
<td><a href="mailto:[email protected]">[email protected]</a></td>
</tr>
<tr>
<td ><a href="../aaa.php">Lane, Anna</a></td>
<td>Assistant to the Dean</td>
<td>Administrative Services</td>
<td>(800) 666-2135</td>
<td><a href="mailto:[email protected]">[email protected]</a></td>
</tr>
<tr>
<td ><a href="../aaa.php">Leathers, Laird</a></td>
<td>IT Specialist</td>
<td>Administrative Services</td>
<td>(800) 666-5521</td>
<td><a href="mailto:[email protected]">[email protected]</a></td>
</tr>
<tr>
<td ><a href="../aaa.php">Liedtka, Theresa</a></td>
<td>Dean of the Library</td>
<td>Administrative Services</td>
<td>(800) 666-4508</td>
<td><a href="mailto:[email protected]">[email protected]</a></td>
</tr>
<tr>
<td ><a href="../aaa.php">Myers, Jaime</a></td>
<td>Evening Research and IT Specialist</td>
<td>Research and Public Services</td>
<td>(800) 666-2124</td>
<td><a href="mailto:[email protected]">[email protected]</a></td>
</tr>
<tr>
<td ><a href="../aaa.php">Odom, Carla</a></td>
<td>Circulation Specialist</td>
<td>Research and Public Services</td>
<td>(800) 666-4501</td>
<td><a href="mailto:[email protected]">[email protected]</a></td>
</tr>
<tr>
<td ><a href="../aaa.php">Price, Lisa</a></td>
<td>Administrative Specialist</td>
<td>Administrative Services</td>
<td>(800) 666-4506</td>
<td><a href="mailto:[email protected]">[email protected]</a></td>
</tr>
<tr>
<td ><a href="../aaa.php">Remy, Charlie</a></td>
<td>Electronic Resources and Serials Librarian</td>
<td>Collection Services</td>
<td>(800) 666-4470</td>
<td><a href="mailto:[email protected]">[email protected]</a></td>
</tr>
<tr>
<td ><a href="../aaa.php">Rogers, Brian</a></td>
<td>Web Services Librarian</td>
<td>Administrative Services</td>
<td>(800) 666-5279</td>
<td><a href="mailto:[email protected]">[email protected]</a></td>
</tr>
<tr>
<td ><a href="../aaa.php">Runyon, Carolyn</a></td>
<td>Digital Archivist</td>
<td>Collection Services</td>
<td>(800) 666-4503</td>
<td><a href="mailto:[email protected]">[email protected]</a></td>
</tr>
<tr>
<td ><a href="../aaa.php">Schurr, Andrea</a></td>
<td>Digital Development Librarian</td>
<td>Administrative Services</td>
<td>(800) 666-2668</td>
<td><a href="mailto:[email protected]">[email protected]</a></td>
</tr>
<tr>
<td ><a href="../aaa.php">Seaman, Priscilla</a></td>
<td>Instruction Librarian</td>
<td>Research and Public Services</td>
<td>(800) 666-2669</td>
<td><a href="mailto:[email protected]">[email protected]</a></td>
</tr>
<tr>
<td ><a href="../aaa.php">Swaren, Chantelle</a></td>
<td>Assessment and Outreach Librarian</td>
<td>Administrative Services</td>
<td>(800) 666-2204</td>
<td><a href="mailto:[email protected]">[email protected]</a></td>
</tr>
<tr>
<td ><a href="../aaa.php">Tekulve, Nicole</a></td>
<td>Team Lead, Information Commons</td>
<td>Research and Public Services</td>
<td>(800) 666-4504</td>
<td><a href="mailto:[email protected]">[email protected]</a></td>
</tr>
<tr>
<td ><a href="../aaa.php">Van Mater, Cheryl</a></td>
<td>Evening Building Supervisor</td>
<td>Research and Public Services</td>
<td>(800) 666-5466</td>
<td><a href="mailto:[email protected]">[email protected]</a></td>
</tr>
<tr>
<td ><a href="../aaa.php">Wilkinson, Lane</a></td>
<td>Team Lead, Instruction</td>
<td>Research and Public Services</td>
<td>(800) 666-2671</td>
<td><a href="mailto:[email protected]">[email protected]</a></td>
</tr>
</table> <script src="js/index.js"></script>
</body>
</html>

Sorting using footable plugin - Script Codes JS Codes

// ADD THIS TO end of <footcode> enclosed by <script> tags
// see .pcf source of school-leadership/courses/index.pcf for example
// set breakpoints as appropriate
// initialize footable and set breakpoints
// on tables with class="footable"
$(function () { $('table.footable').footable( { breakpoints: { tabland:1200, tablet:959, phone:479 } } );
});
Sorting using footable plugin - Script Codes
Sorting using footable plugin - Script Codes
Home Page Home
Developer Utcwebdev
Username utcwebdev
Uploaded November 26, 2022
Rating 3
Size 3,459 Kb
Views 12,144
Do you need developer help for Sorting using footable plugin?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Utcwebdev (utcwebdev) Script Codes
Name
Sorting and filtering a huge table using footable plugin
Ultra wide responsive tables using footables plugin
Footable policy and procedure index
Online Learning Quiz Form
Off-Canvas Side Nav With Bootstrap 2
Blackboard login form
Bootstrap jQuery radio buttons reveal help message feedback
Ultra wide responsive tables using footable plugin
Responsive Image Map
Bootstrap search form with dropdown parameters
Create amazing marketing copy with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!