Home
Interview Questions
Computer Science
Civil Engineering
Mechanical Engineering
ECE
EEE
More Interview Questions
QUIZ (or) MCQ
S/W (or) Computer Science
Aeronautical & Aerospace
Civil Engineering
Mechanical Engineering
ECE
EEE
Tutorials
Artificial Intelligence(AI)
Java
AngularJS
CSS
Internet of Things
PHP
Ajax
CSS3
Python
JavaScript
HTML
Basic Computers
C Language
jQuery
HTML5
SEO
Programs
C Language
C++ (or) CPP
Java
Python
Python
Govt Exams
Current Affairs MCQ
UPSC
UPSC Previous Questions
UPSC 2023
UPSC 2022
UPSC 2021
UPSC 2020
UPSC 2019
Monthly Current Affairs
Today GK
General Knowledge
Verbal Ability
Mental Ability
More
Examples
HTML
HTML5
CSS
CSS3
JavaScript
jQuery
AngularJS
References
Practice Templates
PHP Projects
Bootstrap 3 Plugins
Bootstrap 4 Plugins
Online Compailers
HTML
C & CPP
PHP
Python
Online Tools
Interest Calculator
EMI Calculator
Vehicle EMI Calculator
Color Picker
Image Compressor
Articles
Tech Articles
Articles
Blog
School Mathematics
Quadratic Equations
Prime Numbers
Factorial Numbers
Fibonacci Numbers
Marketing Management
IPC Sections
Contact
Bootstrap 3 Plugins
Home
Plugins
Bootstrap 3 Plugins
Note :
Perfect view only for desktop.
EXECUTE
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Bootstrap Export Data Tables</title> <!-- Bootstrap CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <!-- Bootstrap DataTable --> <link rel="stylesheet" href="https://cdn.datatables.net/1.10.16/css/dataTables.bootstrap.min.css"> <!-- Bootstrap ExportDataTable --> <link rel="stylesheet" href="https://cdn.datatables.net/buttons/1.5.0/css/buttons.bootstrap.min.css"> <!-- Font icons --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> <!-- jQuery --> <script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.js"></script> <!-- DataTables JS --> <script src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script> <script src="https://cdn.datatables.net/1.10.16/js/dataTables.bootstrap.min.js"></script> <!-- ExportDataTable JS --> <script src="https://cdn.datatables.net/buttons/1.5.0/js/dataTables.buttons.min.js"></script> <script src="https://cdn.datatables.net/buttons/1.5.0/js/buttons.bootstrap.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.32/pdfmake.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.32/vfs_fonts.js"></script> <script src="https://cdn.datatables.net/buttons/1.5.0/js/buttons.html5.min.js"></script> <script src="https://cdn.datatables.net/buttons/1.5.0/js/buttons.print.min.js"></script> <script src="https://cdn.datatables.net/buttons/1.5.0/js/buttons.colVis.min.js"></script> <!-- Bootstrap JS --> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> </head> <body> <style type="text/css"> </style> <div class="container" style="padding-top:20px;"> <table id="ExportDataTable" class="table table-striped table-hover table-bordered" cellspacing="0" width="100%"> <thead> <tr> <th>S.No</th> <th>Name</th> <th>Email Id</th> <th>Mobile</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>Free Time Learn</td> <td>freetimelearn@gmail.com</td> <td>90XXXX3210</td> </tr> <tr> <td>2</td> <td>F T L</td> <td>info@freetimelearn.com</td> <td>9963XXXX68</td> </tr> <tr> <td>3</td> <td>Ram</td> <td>ram@yahoo.com</td> <td>985457XXX23</td> </tr> <tr> <td>4</td> <td>Chinnu</td> <td>chinnu258@gmail.com</td> <td>9985XXX323</td> </tr> <tr> <td>5</td> <td>Venkat</td> <td>venkat@freetimelearn.com</td> <td>88002XXX88</td> </tr> <tr> <td>6</td> <td>Suresh</td> <td>suresh@gmail.com</td> <td>9700XXXX32</td> </tr> <tr> <td>7</td> <td>Ramesh</td> <td>ramesh@gmail.com</td> <td>8754XXX457</td> </tr> <tr> <td>8</td> <td>Reddy</td> <td>reddy@freetimelearn.com</td> <td>996646XXX6</td> </tr> <tr> <td>9</td> <td>V V R Reddy</td> <td>ramana@gmail.com</td> <td>9963XXXX99</td> </tr> <tr> <td>10</td> <td>Chanti</td> <td>chanti@gmail.com</td> <td>901XXXX210</td> </tr> <tr> <td>11</td> <td>Madhu</td> <td>madhu@gmail.com</td> <td>954XXXX459</td> </tr> <tr> <td>12</td> <td>Srini</td> <td>srinu@yahoo.com</td> <td>9494XXXX94</td> </tr> </tbody> </table> </div> <script type="text/javascript"> $(document).ready(function() { var table = $('#ExportDataTable').DataTable( { lengthChange: false, //buttons: [ 'copy', 'excel', 'pdf', 'print', 'colvis' ] buttons: [ 'copy', 'excel', 'pdf', 'print'] } ); table.buttons().container() .appendTo( '#ExportDataTable_wrapper .col-sm-6:eq(0)' ); } ); </script> </body> </html>
