Jquery Data Table Plugin

Source: Internet
Author: User

<%@ page language= "java" contenttype= "text/html; Charset=utf-8 "pageencoding= "UTF-8"%> forModernizr--><script src= "js/libs/modernizr.custom.js" ></script><script src= "resource/js/ Jquery-1.10.2.min.js "></script><script src=" Resource/js/jquery.datatables.min.js "></script ><script src= "Js/setup.js" ></script> <script src= "Js/developr.input.js" ></script>< Script src= "Js/developr.navigable.js" ></script> <script src= "Js/developr.notify.js" ></script > <script src= "js/developr.scroll.js" ></script> <script src= "Js/developr.tooltip.js" ></ script> <script src= "js/developr.table.js" ></script> <link rel= "stylesheet" href= "css/ Jquery.dataTables.css "><link rel=" stylesheet "href=" Css/jquery.datatables.default.css "><link rel=" Stylesheet "href=" Css/jquery.datatables-simple.css "><link rel=" stylesheet "href=" Css/table.css ">< Script type= "Text/javascript" >functionDada () {Alert ("Click events! ");}varDataSet = [    [ "Tiger Nixon", "System Architect", "Edinburgh", "5421", "2011/04/25", "$320,800" ],    [ "Garrett Winters", "Accountant", "Tokyo", "8422", "2011/07/25", "$170,750" ],    [ "Ashton Cox", "Junior Technical Author", "San Francisco", "1562", "2009/01/12", "$86,000" ],    [ "Cedric Kelly", "Senior Javascript Developer", "Edinburgh", "6224", "2012/03/29", "$433,060" ],    [ "Airi Satou", "Accountant", "Tokyo", "5407", "2008/11/28", "<a class=\" button compact Icon-pencil edit\ ">ssd</a > "],    [ "Brielle Williamson", "Integration Specialist", "New York", "4804", "2012/12/02", "$372,000" ],    [ "Herrod Chandler", "Sales Assistant", "San Francisco", "9608", "2012/08/06", "$137,500" ],    [ "Rhona Davidson", "Integration Specialist", "Tokyo", "6200", "2010/10/14", "$327,900" ],    [ "Colleen Hurst", "Javascript Developer", "San Francisco", "2360", "2009/09/15", "$205,500" ],    [ "Sonya Frost", "Software Engineer", "Edinburgh", "1667", "2008/12/13", "$103,600" ],    [ "Jena Gaines", "Office Manager", "London", "3814", "2008/12/19", "$90,560" ],    [ "Quinn Flynn", "Support Leads", "Edinburgh", "9497", "2013/03/03", "$342,000" ],    [ "Charde Marshall", "Regional Director", "San Francisco", "6741", "2008/10/16", "$470,600" ],    [ "Haley Kennedy", "Senior Marketing Designer", "London", "3597", "2012/12/18", "$313,500" ],    [ "Tatyana Fitzpatrick", "Regional Director", "London", "1965", "2010/03/17", "$385,750" ],    [ "Michael Silva", "Marketing Designer", "London", "1581", "2012/11/27", "$198,500" ],    [ "Paul Byrd", "Chief financial Officer (CFO)", "New York", "3059", "2010/06/09", "$725,000" ]];functionDodatatable1 () {//Table sort-datatables    varTable = $ (' #memberTable '); Table.datatable ({data:dataset,' Bsort ':false,            ' Bautowidth ':false, Dom:' Bfrtip ',            ' Spaginationtype ': ' Full_numbers ',            ' Sdom ': ' < ' datatables_header ' lfr>t< ' datatables_footer ' ip> ',            ' Fninitcomplete ':function(osettings) {//Style Length SelectTable.closest ('. Datatables_wrapper '). Find ('. Datatables_length select '). addclass (' Select blue-gradient Glossy '). Styleselect (); Tablestyled=true; //$ (". Datatables_length"). Append (' <span class= "blue-gradient glossy SSX" data-toggle= "Modal" data-target= "# Mymodal "> Add </span>");$ (' #memberTable '). Siblings ('. Datatables_header '). Children ('. Datatables_length '). Append (' <span class= '). Blue-gradient glossy SSX "data-toggle=" modal "data-target=" #myModal "onclick=" Dada () "> Add </span>"); },            "Bretrieve":true,         ' Olanguage ':{                ' Ssearch ': ' Search ',                ' Slengthmenu ': ' Show _menu_ records per page ',                ' Szerorecords ': ' Sorry, no data retrieved ',                ' Sinfo ': ' from _start_ to _end_/total _total_ data ',                ' Sinfoempty ': ' No data ',                ' Sinforfiltered ': ' (retrieved from _max_ data) ',                ' Opaginate ':{                    ' Sfirst ': ' Home ',                    ' sprevious ': ' previous page ',                    ' Snext ': ' next page ',                    ' Slast ': ' Last '}}, buttons: [' Colvis ',            ' Excel ',            ' Print '], columns: [{title:Name}, {title:Gender}, {title:"Title/title"}, {title:Degree}, {title:"Tasks undertaken in the project"}, {title:"Unit" }     ]    ,        } );};</script>

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.