📁 PHP Dosya Yöneticisi
/
/
home
/
demodesigncom
/
surucukursu.demodesign.com.tr
/
admin
/
templates
/
admin
📝
data-tables.html
← Geri Dön
<!DOCTYPE html> <html lang="en"> <!-- Mirrored from phantom-themes.com/circl/theme/templates/admin/data-tables.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 14 Jul 2021 10:36:16 GMT --> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="Responsive Admin Dashboard Template"> <meta name="keywords" content="admin,dashboard"> <meta name="author" content="stacks"> <!-- The above 6 meta tags *must* come first in the head; any other head content must come *after* these tags --> <!-- Title --> <title>Circl - Responsive Admin Dashboard Template</title> <!-- Styles --> <link href="https://fonts.googleapis.com/css?family=Poppins:400,500,700,800&display=swap" rel="stylesheet"> <link href="../../assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet"> <link href="../../assets/plugins/font-awesome/css/all.min.css" rel="stylesheet"> <link href="../../assets/plugins/perfectscroll/perfect-scrollbar.css" rel="stylesheet"> <link href="../../assets/plugins/DataTables/datatables.min.css" rel="stylesheet"> <!-- Theme Styles --> <link href="../../assets/css/main.min.css" rel="stylesheet"> <link href="../../assets/css/custom.css" rel="stylesheet"> <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> </head> <body> <div class='loader'> <div class='spinner-grow text-primary' role='status'> <span class='sr-only'>Loading...</span> </div> </div> <div class="page-container"> <div class="page-header"> <nav class="navbar navbar-expand-lg d-flex justify-content-between"> <div class="" id="navbarNav"> <ul class="navbar-nav" id="leftNav"> <li class="nav-item"> <a class="nav-link" id="sidebar-toggle" href="#"><i data-feather="arrow-left"></i></a> </li> <li class="nav-item"> <a class="nav-link" href="#">Home</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Settings</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Help</a> </li> </ul> </div> <div class="logo"> <a class="navbar-brand" href="index.html"></a> </div> <div class="" id="headerNav"> <ul class="navbar-nav"> <li class="nav-item dropdown"> <a class="nav-link search-dropdown" href="#" id="searchDropDown" role="button" data-bs-toggle="dropdown" aria-expanded="false"><i data-feather="search"></i></a> <div class="dropdown-menu dropdown-menu-end dropdown-lg search-drop-menu" aria-labelledby="searchDropDown"> <form> <input class="form-control" type="text" placeholder="Type something.." aria-label="Search"> </form> <h6 class="dropdown-header">Recent Searches</h6> <a class="dropdown-item" href="#">charts</a> <a class="dropdown-item" href="#">new orders</a> <a class="dropdown-item" href="#">file manager</a> <a class="dropdown-item" href="#">new users</a> </div> </li> <li class="nav-item dropdown"> <a class="nav-link notifications-dropdown" href="#" id="notificationsDropDown" role="button" data-bs-toggle="dropdown" aria-expanded="false">3</a> <div class="dropdown-menu dropdown-menu-end notif-drop-menu" aria-labelledby="notificationsDropDown"> <h6 class="dropdown-header">Notifications</h6> <a href="#"> <div class="header-notif"> <div class="notif-image"> <span class="notification-badge bg-info text-white"> <i class="fas fa-bullhorn"></i> </span> </div> <div class="notif-text"> <p class="bold-notif-text">faucibus dolor in commodo lectus mattis</p> <small>19:00</small> </div> </div> </a> <a href="#"> <div class="header-notif"> <div class="notif-image"> <span class="notification-badge bg-primary text-white"> <i class="fas fa-bolt"></i> </span> </div> <div class="notif-text"> <p class="bold-notif-text">faucibus dolor in commodo lectus mattis</p> <small>18:00</small> </div> </div> </a> <a href="#"> <div class="header-notif"> <div class="notif-image"> <span class="notification-badge bg-success text-white"> <i class="fas fa-at"></i> </span> </div> <div class="notif-text"> <p>faucibus dolor in commodo lectus mattis</p> <small>yesterday</small> </div> </div> </a> <a href="#"> <div class="header-notif"> <div class="notif-image"> <span class="notification-badge"> <img src="../../assets/images/avatars/profile-image.png" alt=""> </span> </div> <div class="notif-text"> <p>faucibus dolor in commodo lectus mattis</p> <small>yesterday</small> </div> </div> </a> <a href="#"> <div class="header-notif"> <div class="notif-image"> <span class="notification-badge"> <img src="../../assets/images/avatars/profile-image-3.jpg" alt=""> </span> </div> <div class="notif-text"> <p>faucibus dolor in commodo lectus mattis</p> <small>yesterday</small> </div> </div> </a> </div> </li> <li class="nav-item dropdown"> <a class="nav-link profile-dropdown" href="#" id="profileDropDown" role="button" data-bs-toggle="dropdown" aria-expanded="false"><img src="../../assets/images/avatars/profile-image-1.png" alt=""></a> <div class="dropdown-menu dropdown-menu-end profile-drop-menu" aria-labelledby="profileDropDown"> <a class="dropdown-item" href="#"><i data-feather="user"></i>Profile</a> <a class="dropdown-item" href="#"><i data-feather="inbox"></i>Messages</a> <a class="dropdown-item" href="#"><i data-feather="edit"></i>Activities<span class="badge rounded-pill bg-success">12</span></a> <a class="dropdown-item" href="#"><i data-feather="check-circle"></i>Tasks</a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="#"><i data-feather="settings"></i>Settings</a> <a class="dropdown-item" href="#"><i data-feather="unlock"></i>Lock</a> <a class="dropdown-item" href="#"><i data-feather="log-out"></i>Logout</a> </div> </li> </ul> </div> </nav> </div> <div class="page-sidebar"> <ul class="list-unstyled accordion-menu"> <li class="sidebar-title"> Main </li> <li> <a href="index.html"><i data-feather="home"></i>Dashboard</a> </li> <li class="sidebar-title"> Apps </li> <li> <a href="email.html"><i data-feather="inbox"></i>Email</a> </li> <li> <a href="calendar.html"><i data-feather="calendar"></i>Calendar</a> </li> <li> <a href="social.html"><i data-feather="user"></i>Social</a> </li><li> <a href="file-manager.html"><i data-feather="message-circle"></i>File Manager</a> </li> <li class="sidebar-title"> Elements </li> <li> <a href="index.html"><i data-feather="code"></i>Components<i class="fas fa-chevron-right dropdown-icon"></i></a> <ul class=""> <li><a href="alerts.html"><i class="far fa-circle"></i>Alerts</a></li> <li><a href="typography.html"><i class="far fa-circle"></i>Typography</a></li> <li><a href="icons.html"><i class="far fa-circle"></i>Icons</a></li> <li><a href="badge.html"><i class="far fa-circle"></i>Badge</a></li> <li><a href="buttons.html"><i class="far fa-circle"></i>Buttons</a></li> <li><a href="dropdowns.html"><i class="far fa-circle"></i>Dropdowns</a></li> <li><a href="list-group.html"><i class="far fa-circle"></i>List Group</a></li> <li><a href="toasts.html"><i class="far fa-circle"></i>Toasts</a></li> <li><a href="modal.html"><i class="far fa-circle"></i>Modal</a></li> <li><a href="pagination.html"><i class="far fa-circle"></i>Pagination</a></li> <li><a href="popovers.html"><i class="far fa-circle"></i>Popovers</a></li> <li><a href="progress.html"><i class="far fa-circle"></i>Progress</a></li> <li><a href="spinners.html"><i class="far fa-circle"></i>Spinners</a></li> <li><a href="accordion.html"><i class="far fa-circle"></i>Accordion</a></li> </ul> </li> <li> <a href="index.html"><i data-feather="gift"></i>Plugins<i class="fas fa-chevron-right dropdown-icon"></i></a> <ul class=""> <li><a href="block-ui.html"><i class="far fa-circle"></i>Block UI</a></li> <li><a href="session-timeout.html"><i class="far fa-circle"></i>Session Timeout</a></li> <li><a href="tree-view.html"><i class="far fa-circle"></i>Tree View</a></li> </ul> </li> <li> <a href="index.html"><i data-feather="edit"></i>Form<i class="fas fa-chevron-right dropdown-icon"></i></a> <ul class=""> <li><a href="form-elements.html"><i class="far fa-circle"></i>Form Elements</a></li> <li><a href="form-layout.html"><i class="far fa-circle"></i>Form Layout</a></li> <li><a href="form-validation.html"><i class="far fa-circle"></i>Form Validation</a></li> </ul> </li> <li> <a href="cards.html"><i data-feather="layers"></i>Cards</a> </li> <li class="active-page"> <a href="index.html" class="active"><i data-feather="list"></i>Tables<i class="fas fa-chevron-right dropdown-icon"></i></a> <ul class=""> <li><a href="tables.html"><i class="far fa-circle"></i>Basic Tables</a></li> <li><a href="data-tables.html" class="active"><i class="far fa-circle"></i>Data Tables</a></li> </ul> </li> <li> <a href="charts.html"><i data-feather="pie-chart"></i>Charts</a> </li> <li class="sidebar-title"> Other </li> <li> <a href="index.html"><i data-feather="star"></i>Pages<i class="fas fa-chevron-right dropdown-icon"></i></a> <ul class=""> <li><a href="invoice.html"><i class="far fa-circle"></i>Invoice</a></li> <li><a href="404.html"><i class="far fa-circle"></i>404 Page</a></li> <li><a href="500.html"><i class="far fa-circle"></i>500 Page</a></li> <li><a href="blank-page.html"><i class="far fa-circle"></i>Blank Page</a></li> <li><a href="login.html"><i class="far fa-circle"></i>Login</a></li> <li><a href="register.html"><i class="far fa-circle"></i>Register</a></li> <li><a href="lockscreen.html"><i class="far fa-circle"></i>Lockscreen</a></li> <li><a href="price.html"><i class="far fa-circle"></i>Price</a></li> </ul> </li> <li> <a href="#"><i data-feather="check-circle"></i>Documentation</a> </li> </ul> </div> <div class="page-content"> <div class="main-wrapper"> <div class="row"> <div class="col"> <div class="card"> <div class="card-body"> <h5 class="card-title">Zero Configuration</h5> <p>DataTables has most features enabled by default, so all you need to do to use it with your own tables is to call the construction function: <code>$().DataTable();</code>.</p> <table id="zero-conf" class="display" style="width:100%"> <thead> <tr> <th>Name</th> <th>Position</th> <th>Office</th> <th>Age</th> <th>Start date</th> <th>Salary</th> </tr> </thead> <tbody> <tr> <td>Tiger Nixon</td> <td>System Architect</td> <td>Edinburgh</td> <td>61</td> <td>2011/04/25</td> <td>$320,800</td> </tr> <tr> <td>Garrett Winters</td> <td>Accountant</td> <td>Tokyo</td> <td>63</td> <td>2011/07/25</td> <td>$170,750</td> </tr> <tr> <td>Ashton Cox</td> <td>Junior Technical Author</td> <td>San Francisco</td> <td>66</td> <td>2009/01/12</td> <td>$86,000</td> </tr> <tr> <td>Cedric Kelly</td> <td>Senior Javascript Developer</td> <td>Edinburgh</td> <td>22</td> <td>2012/03/29</td> <td>$433,060</td> </tr> <tr> <td>Airi Satou</td> <td>Accountant</td> <td>Tokyo</td> <td>33</td> <td>2008/11/28</td> <td>$162,700</td> </tr> <tr> <td>Brielle Williamson</td> <td>Integration Specialist</td> <td>New York</td> <td>61</td> <td>2012/12/02</td> <td>$372,000</td> </tr> <tr> <td>Herrod Chandler</td> <td>Sales Assistant</td> <td>San Francisco</td> <td>59</td> <td>2012/08/06</td> <td>$137,500</td> </tr> <tr> <td>Rhona Davidson</td> <td>Integration Specialist</td> <td>Tokyo</td> <td>55</td> <td>2010/10/14</td> <td>$327,900</td> </tr> <tr> <td>Colleen Hurst</td> <td>Javascript Developer</td> <td>San Francisco</td> <td>39</td> <td>2009/09/15</td> <td>$205,500</td> </tr> <tr> <td>Sonya Frost</td> <td>Software Engineer</td> <td>Edinburgh</td> <td>23</td> <td>2008/12/13</td> <td>$103,600</td> </tr> <tr> <td>Jena Gaines</td> <td>Office Manager</td> <td>London</td> <td>30</td> <td>2008/12/19</td> <td>$90,560</td> </tr> <tr> <td>Quinn Flynn</td> <td>Support Lead</td> <td>Edinburgh</td> <td>22</td> <td>2013/03/03</td> <td>$342,000</td> </tr> <tr> <td>Charde Marshall</td> <td>Regional Director</td> <td>San Francisco</td> <td>36</td> <td>2008/10/16</td> <td>$470,600</td> </tr> <tr> <td>Haley Kennedy</td> <td>Senior Marketing Designer</td> <td>London</td> <td>43</td> <td>2012/12/18</td> <td>$313,500</td> </tr> <tr> <td>Tatyana Fitzpatrick</td> <td>Regional Director</td> <td>London</td> <td>19</td> <td>2010/03/17</td> <td>$385,750</td> </tr> <tr> <td>Michael Silva</td> <td>Marketing Designer</td> <td>London</td> <td>66</td> <td>2012/11/27</td> <td>$198,500</td> </tr> <tr> <td>Paul Byrd</td> <td>Chief Financial Officer (CFO)</td> <td>New York</td> <td>64</td> <td>2010/06/09</td> <td>$725,000</td> </tr> <tr> <td>Gloria Little</td> <td>Systems Administrator</td> <td>New York</td> <td>59</td> <td>2009/04/10</td> <td>$237,500</td> </tr> <tr> <td>Bradley Greer</td> <td>Software Engineer</td> <td>London</td> <td>41</td> <td>2012/10/13</td> <td>$132,000</td> </tr> <tr> <td>Dai Rios</td> <td>Personnel Lead</td> <td>Edinburgh</td> <td>35</td> <td>2012/09/26</td> <td>$217,500</td> </tr> <tr> <td>Jenette Caldwell</td> <td>Development Lead</td> <td>New York</td> <td>30</td> <td>2011/09/03</td> <td>$345,000</td> </tr> <tr> <td>Yuri Berry</td> <td>Chief Marketing Officer (CMO)</td> <td>New York</td> <td>40</td> <td>2009/06/25</td> <td>$675,000</td> </tr> <tr> <td>Caesar Vance</td> <td>Pre-Sales Support</td> <td>New York</td> <td>21</td> <td>2011/12/12</td> <td>$106,450</td> </tr> <tr> <td>Doris Wilder</td> <td>Sales Assistant</td> <td>Sydney</td> <td>23</td> <td>2010/09/20</td> <td>$85,600</td> </tr> <tr> <td>Angelica Ramos</td> <td>Chief Executive Officer (CEO)</td> <td>London</td> <td>47</td> <td>2009/10/09</td> <td>$1,200,000</td> </tr> <tr> <td>Gavin Joyce</td> <td>Developer</td> <td>Edinburgh</td> <td>42</td> <td>2010/12/22</td> <td>$92,575</td> </tr> <tr> <td>Jennifer Chang</td> <td>Regional Director</td> <td>Singapore</td> <td>28</td> <td>2010/11/14</td> <td>$357,650</td> </tr> <tr> <td>Brenden Wagner</td> <td>Software Engineer</td> <td>San Francisco</td> <td>28</td> <td>2011/06/07</td> <td>$206,850</td> </tr> <tr> <td>Fiona Green</td> <td>Chief Operating Officer (COO)</td> <td>San Francisco</td> <td>48</td> <td>2010/03/11</td> <td>$850,000</td> </tr> <tr> <td>Shou Itou</td> <td>Regional Marketing</td> <td>Tokyo</td> <td>20</td> <td>2011/08/14</td> <td>$163,000</td> </tr> <tr> <td>Michelle House</td> <td>Integration Specialist</td> <td>Sydney</td> <td>37</td> <td>2011/06/02</td> <td>$95,400</td> </tr> <tr> <td>Suki Burks</td> <td>Developer</td> <td>London</td> <td>53</td> <td>2009/10/22</td> <td>$114,500</td> </tr> <tr> <td>Prescott Bartlett</td> <td>Technical Author</td> <td>London</td> <td>27</td> <td>2011/05/07</td> <td>$145,000</td> </tr> <tr> <td>Gavin Cortez</td> <td>Team Leader</td> <td>San Francisco</td> <td>22</td> <td>2008/10/26</td> <td>$235,500</td> </tr> <tr> <td>Martena Mccray</td> <td>Post-Sales support</td> <td>Edinburgh</td> <td>46</td> <td>2011/03/09</td> <td>$324,050</td> </tr> <tr> <td>Unity Butler</td> <td>Marketing Designer</td> <td>San Francisco</td> <td>47</td> <td>2009/12/09</td> <td>$85,675</td> </tr> <tr> <td>Howard Hatfield</td> <td>Office Manager</td> <td>San Francisco</td> <td>51</td> <td>2008/12/16</td> <td>$164,500</td> </tr> <tr> <td>Hope Fuentes</td> <td>Secretary</td> <td>San Francisco</td> <td>41</td> <td>2010/02/12</td> <td>$109,850</td> </tr> <tr> <td>Vivian Harrell</td> <td>Financial Controller</td> <td>San Francisco</td> <td>62</td> <td>2009/02/14</td> <td>$452,500</td> </tr> <tr> <td>Timothy Mooney</td> <td>Office Manager</td> <td>London</td> <td>37</td> <td>2008/12/11</td> <td>$136,200</td> </tr> <tr> <td>Jackson Bradshaw</td> <td>Director</td> <td>New York</td> <td>65</td> <td>2008/09/26</td> <td>$645,750</td> </tr> <tr> <td>Olivia Liang</td> <td>Support Engineer</td> <td>Singapore</td> <td>64</td> <td>2011/02/03</td> <td>$234,500</td> </tr> <tr> <td>Bruno Nash</td> <td>Software Engineer</td> <td>London</td> <td>38</td> <td>2011/05/03</td> <td>$163,500</td> </tr> <tr> <td>Sakura Yamamoto</td> <td>Support Engineer</td> <td>Tokyo</td> <td>37</td> <td>2009/08/19</td> <td>$139,575</td> </tr> <tr> <td>Thor Walton</td> <td>Developer</td> <td>New York</td> <td>61</td> <td>2013/08/11</td> <td>$98,540</td> </tr> <tr> <td>Finn Camacho</td> <td>Support Engineer</td> <td>San Francisco</td> <td>47</td> <td>2009/07/07</td> <td>$87,500</td> </tr> <tr> <td>Serge Baldwin</td> <td>Data Coordinator</td> <td>Singapore</td> <td>64</td> <td>2012/04/09</td> <td>$138,575</td> </tr> <tr> <td>Zenaida Frank</td> <td>Software Engineer</td> <td>New York</td> <td>63</td> <td>2010/01/04</td> <td>$125,250</td> </tr> <tr> <td>Zorita Serrano</td> <td>Software Engineer</td> <td>San Francisco</td> <td>56</td> <td>2012/06/01</td> <td>$115,000</td> </tr> <tr> <td>Jennifer Acosta</td> <td>Junior Javascript Developer</td> <td>Edinburgh</td> <td>43</td> <td>2013/02/01</td> <td>$75,650</td> </tr> <tr> <td>Cara Stevens</td> <td>Sales Assistant</td> <td>New York</td> <td>46</td> <td>2011/12/06</td> <td>$145,600</td> </tr> <tr> <td>Hermione Butler</td> <td>Regional Director</td> <td>London</td> <td>47</td> <td>2011/03/21</td> <td>$356,250</td> </tr> <tr> <td>Lael Greer</td> <td>Systems Administrator</td> <td>London</td> <td>21</td> <td>2009/02/27</td> <td>$103,500</td> </tr> <tr> <td>Jonas Alexander</td> <td>Developer</td> <td>San Francisco</td> <td>30</td> <td>2010/07/14</td> <td>$86,500</td> </tr> <tr> <td>Shad Decker</td> <td>Regional Director</td> <td>Edinburgh</td> <td>51</td> <td>2008/11/13</td> <td>$183,000</td> </tr> <tr> <td>Michael Bruce</td> <td>Javascript Developer</td> <td>Singapore</td> <td>29</td> <td>2011/06/27</td> <td>$183,000</td> </tr> <tr> <td>Donna Snider</td> <td>Customer Support</td> <td>New York</td> <td>27</td> <td>2011/01/25</td> <td>$112,000</td> </tr> </tbody> <tfoot> <tr> <th>Name</th> <th>Position</th> <th>Office</th> <th>Age</th> <th>Start date</th> <th>Salary</th> </tr> </tfoot> </table> </div> </div> </div> </div> <div class="row"> <div class="col"> <div class="card"> <div class="card-body"> <h5 class="card-title">Complex Headers</h5> <p>When using tables to display data, you will often wish to display column information in groups. DataTables fully supports colspan and rowspan in the table's header, assigning the required order listeners to the TH element suitable for that column.</p> <table id="complex-header" class="display" style="width:100%"> <thead> <tr> <th rowspan="2">Name</th> <th colspan="2">HR Information</th> <th colspan="3">Contact</th> </tr> <tr> <th>Position</th> <th>Salary</th> <th>Office</th> <th>Extn.</th> <th>E-mail</th> </tr> </thead> <tbody> <tr> <td>Tiger Nixon</td> <td>System Architect</td> <td>$320,800</td> <td>Edinburgh</td> <td>5421</td> <td>t.nixon@datatables.net</td> </tr> <tr> <td>Garrett Winters</td> <td>Accountant</td> <td>$170,750</td> <td>Tokyo</td> <td>8422</td> <td>g.winters@datatables.net</td> </tr> <tr> <td>Ashton Cox</td> <td>Junior Technical Author</td> <td>$86,000</td> <td>San Francisco</td> <td>1562</td> <td>a.cox@datatables.net</td> </tr> <tr> <td>Cedric Kelly</td> <td>Senior Javascript Developer</td> <td>$433,060</td> <td>Edinburgh</td> <td>6224</td> <td>c.kelly@datatables.net</td> </tr> <tr> <td>Airi Satou</td> <td>Accountant</td> <td>$162,700</td> <td>Tokyo</td> <td>5407</td> <td>a.satou@datatables.net</td> </tr> <tr> <td>Brielle Williamson</td> <td>Integration Specialist</td> <td>$372,000</td> <td>New York</td> <td>4804</td> <td>b.williamson@datatables.net</td> </tr> <tr> <td>Herrod Chandler</td> <td>Sales Assistant</td> <td>$137,500</td> <td>San Francisco</td> <td>9608</td> <td>h.chandler@datatables.net</td> </tr> <tr> <td>Rhona Davidson</td> <td>Integration Specialist</td> <td>$327,900</td> <td>Tokyo</td> <td>6200</td> <td>r.davidson@datatables.net</td> </tr> <tr> <td>Colleen Hurst</td> <td>Javascript Developer</td> <td>$205,500</td> <td>San Francisco</td> <td>2360</td> <td>c.hurst@datatables.net</td> </tr> <tr> <td>Sonya Frost</td> <td>Software Engineer</td> <td>$103,600</td> <td>Edinburgh</td> <td>1667</td> <td>s.frost@datatables.net</td> </tr> <tr> <td>Jena Gaines</td> <td>Office Manager</td> <td>$90,560</td> <td>London</td> <td>3814</td> <td>j.gaines@datatables.net</td> </tr> <tr> <td>Quinn Flynn</td> <td>Support Lead</td> <td>$342,000</td> <td>Edinburgh</td> <td>9497</td> <td>q.flynn@datatables.net</td> </tr> <tr> <td>Charde Marshall</td> <td>Regional Director</td> <td>$470,600</td> <td>San Francisco</td> <td>6741</td> <td>c.marshall@datatables.net</td> </tr> <tr> <td>Haley Kennedy</td> <td>Senior Marketing Designer</td> <td>$313,500</td> <td>London</td> <td>3597</td> <td>h.kennedy@datatables.net</td> </tr> <tr> <td>Tatyana Fitzpatrick</td> <td>Regional Director</td> <td>$385,750</td> <td>London</td> <td>1965</td> <td>t.fitzpatrick@datatables.net</td> </tr> <tr> <td>Michael Silva</td> <td>Marketing Designer</td> <td>$198,500</td> <td>London</td> <td>1581</td> <td>m.silva@datatables.net</td> </tr> <tr> <td>Paul Byrd</td> <td>Chief Financial Officer (CFO)</td> <td>$725,000</td> <td>New York</td> <td>3059</td> <td>p.byrd@datatables.net</td> </tr> <tr> <td>Gloria Little</td> <td>Systems Administrator</td> <td>$237,500</td> <td>New York</td> <td>1721</td> <td>g.little@datatables.net</td> </tr> <tr> <td>Bradley Greer</td> <td>Software Engineer</td> <td>$132,000</td> <td>London</td> <td>2558</td> <td>b.greer@datatables.net</td> </tr> <tr> <td>Dai Rios</td> <td>Personnel Lead</td> <td>$217,500</td> <td>Edinburgh</td> <td>2290</td> <td>d.rios@datatables.net</td> </tr> <tr> <td>Jenette Caldwell</td> <td>Development Lead</td> <td>$345,000</td> <td>New York</td> <td>1937</td> <td>j.caldwell@datatables.net</td> </tr> <tr> <td>Yuri Berry</td> <td>Chief Marketing Officer (CMO)</td> <td>$675,000</td> <td>New York</td> <td>6154</td> <td>y.berry@datatables.net</td> </tr> <tr> <td>Caesar Vance</td> <td>Pre-Sales Support</td> <td>$106,450</td> <td>New York</td> <td>8330</td> <td>c.vance@datatables.net</td> </tr> <tr> <td>Doris Wilder</td> <td>Sales Assistant</td> <td>$85,600</td> <td>Sydney</td> <td>3023</td> <td>d.wilder@datatables.net</td> </tr> <tr> <td>Angelica Ramos</td> <td>Chief Executive Officer (CEO)</td> <td>$1,200,000</td> <td>London</td> <td>5797</td> <td>a.ramos@datatables.net</td> </tr> <tr> <td>Gavin Joyce</td> <td>Developer</td> <td>$92,575</td> <td>Edinburgh</td> <td>8822</td> <td>g.joyce@datatables.net</td> </tr> <tr> <td>Jennifer Chang</td> <td>Regional Director</td> <td>$357,650</td> <td>Singapore</td> <td>9239</td> <td>j.chang@datatables.net</td> </tr> <tr> <td>Brenden Wagner</td> <td>Software Engineer</td> <td>$206,850</td> <td>San Francisco</td> <td>1314</td> <td>b.wagner@datatables.net</td> </tr> <tr> <td>Fiona Green</td> <td>Chief Operating Officer (COO)</td> <td>$850,000</td> <td>San Francisco</td> <td>2947</td> <td>f.green@datatables.net</td> </tr> <tr> <td>Shou Itou</td> <td>Regional Marketing</td> <td>$163,000</td> <td>Tokyo</td> <td>8899</td> <td>s.itou@datatables.net</td> </tr> <tr> <td>Michelle House</td> <td>Integration Specialist</td> <td>$95,400</td> <td>Sydney</td> <td>2769</td> <td>m.house@datatables.net</td> </tr> <tr> <td>Suki Burks</td> <td>Developer</td> <td>$114,500</td> <td>London</td> <td>6832</td> <td>s.burks@datatables.net</td> </tr> <tr> <td>Prescott Bartlett</td> <td>Technical Author</td> <td>$145,000</td> <td>London</td> <td>3606</td> <td>p.bartlett@datatables.net</td> </tr> <tr> <td>Gavin Cortez</td> <td>Team Leader</td> <td>$235,500</td> <td>San Francisco</td> <td>2860</td> <td>g.cortez@datatables.net</td> </tr> <tr> <td>Martena Mccray</td> <td>Post-Sales support</td> <td>$324,050</td> <td>Edinburgh</td> <td>8240</td> <td>m.mccray@datatables.net</td> </tr> <tr> <td>Unity Butler</td> <td>Marketing Designer</td> <td>$85,675</td> <td>San Francisco</td> <td>5384</td> <td>u.butler@datatables.net</td> </tr> <tr> <td>Howard Hatfield</td> <td>Office Manager</td> <td>$164,500</td> <td>San Francisco</td> <td>7031</td> <td>h.hatfield@datatables.net</td> </tr> <tr> <td>Hope Fuentes</td> <td>Secretary</td> <td>$109,850</td> <td>San Francisco</td> <td>6318</td> <td>h.fuentes@datatables.net</td> </tr> <tr> <td>Vivian Harrell</td> <td>Financial Controller</td> <td>$452,500</td> <td>San Francisco</td> <td>9422</td> <td>v.harrell@datatables.net</td> </tr> <tr> <td>Timothy Mooney</td> <td>Office Manager</td> <td>$136,200</td> <td>London</td> <td>7580</td> <td>t.mooney@datatables.net</td> </tr> <tr> <td>Jackson Bradshaw</td> <td>Director</td> <td>$645,750</td> <td>New York</td> <td>1042</td> <td>j.bradshaw@datatables.net</td> </tr> <tr> <td>Olivia Liang</td> <td>Support Engineer</td> <td>$234,500</td> <td>Singapore</td> <td>2120</td> <td>o.liang@datatables.net</td> </tr> <tr> <td>Bruno Nash</td> <td>Software Engineer</td> <td>$163,500</td> <td>London</td> <td>6222</td> <td>b.nash@datatables.net</td> </tr> <tr> <td>Sakura Yamamoto</td> <td>Support Engineer</td> <td>$139,575</td> <td>Tokyo</td> <td>9383</td> <td>s.yamamoto@datatables.net</td> </tr> <tr> <td>Thor Walton</td> <td>Developer</td> <td>$98,540</td> <td>New York</td> <td>8327</td> <td>t.walton@datatables.net</td> </tr> <tr> <td>Finn Camacho</td> <td>Support Engineer</td> <td>$87,500</td> <td>San Francisco</td> <td>2927</td> <td>f.camacho@datatables.net</td> </tr> <tr> <td>Serge Baldwin</td> <td>Data Coordinator</td> <td>$138,575</td> <td>Singapore</td> <td>8352</td> <td>s.baldwin@datatables.net</td> </tr> <tr> <td>Zenaida Frank</td> <td>Software Engineer</td> <td>$125,250</td> <td>New York</td> <td>7439</td> <td>z.frank@datatables.net</td> </tr> <tr> <td>Zorita Serrano</td> <td>Software Engineer</td> <td>$115,000</td> <td>San Francisco</td> <td>4389</td> <td>z.serrano@datatables.net</td> </tr> <tr> <td>Jennifer Acosta</td> <td>Junior Javascript Developer</td> <td>$75,650</td> <td>Edinburgh</td> <td>3431</td> <td>j.acosta@datatables.net</td> </tr> <tr> <td>Cara Stevens</td> <td>Sales Assistant</td> <td>$145,600</td> <td>New York</td> <td>3990</td> <td>c.stevens@datatables.net</td> </tr> <tr> <td>Hermione Butler</td> <td>Regional Director</td> <td>$356,250</td> <td>London</td> <td>1016</td> <td>h.butler@datatables.net</td> </tr> <tr> <td>Lael Greer</td> <td>Systems Administrator</td> <td>$103,500</td> <td>London</td> <td>6733</td> <td>l.greer@datatables.net</td> </tr> <tr> <td>Jonas Alexander</td> <td>Developer</td> <td>$86,500</td> <td>San Francisco</td> <td>8196</td> <td>j.alexander@datatables.net</td> </tr> <tr> <td>Shad Decker</td> <td>Regional Director</td> <td>$183,000</td> <td>Edinburgh</td> <td>6373</td> <td>s.decker@datatables.net</td> </tr> <tr> <td>Michael Bruce</td> <td>Javascript Developer</td> <td>$183,000</td> <td>Singapore</td> <td>5384</td> <td>m.bruce@datatables.net</td> </tr> <tr> <td>Donna Snider</td> <td>Customer Support</td> <td>$112,000</td> <td>New York</td> <td>4226</td> <td>d.snider@datatables.net</td> </tr> </tbody> <tfoot> <tr> <th>Name</th> <th>Position</th> <th>Salary</th> <th>Office</th> <th>Extn.</th> <th>E-mail</th> </tr> </tfoot> </table> </div> </div> </div> </div> <div class="row"> <div class="col"> <div class="card"> <div class="card-body"> <h5 class="card-title">Row Grouping</h5> <p>Although DataTables doesn't have row grouping built-in (picking one of the many methods available would overly limit the DataTables core), it is most certainly possible to give the look and feel of row grouping.</p> <table id="row-grouping" class="display" style="width:100%"> <thead> <tr> <th>Name</th> <th>Position</th> <th>Office</th> <th>Age</th> <th>Start date</th> <th>Salary</th> </tr> </thead> <tbody> <tr> <td>Tiger Nixon</td> <td>System Architect</td> <td>Edinburgh</td> <td>61</td> <td>2011/04/25</td> <td>$320,800</td> </tr> <tr> <td>Garrett Winters</td> <td>Accountant</td> <td>Tokyo</td> <td>63</td> <td>2011/07/25</td> <td>$170,750</td> </tr> <tr> <td>Ashton Cox</td> <td>Junior Technical Author</td> <td>San Francisco</td> <td>66</td> <td>2009/01/12</td> <td>$86,000</td> </tr> <tr> <td>Cedric Kelly</td> <td>Senior Javascript Developer</td> <td>Edinburgh</td> <td>22</td> <td>2012/03/29</td> <td>$433,060</td> </tr> <tr> <td>Airi Satou</td> <td>Accountant</td> <td>Tokyo</td> <td>33</td> <td>2008/11/28</td> <td>$162,700</td> </tr> <tr> <td>Brielle Williamson</td> <td>Integration Specialist</td> <td>New York</td> <td>61</td> <td>2012/12/02</td> <td>$372,000</td> </tr> <tr> <td>Herrod Chandler</td> <td>Sales Assistant</td> <td>San Francisco</td> <td>59</td> <td>2012/08/06</td> <td>$137,500</td> </tr> <tr> <td>Rhona Davidson</td> <td>Integration Specialist</td> <td>Tokyo</td> <td>55</td> <td>2010/10/14</td> <td>$327,900</td> </tr> <tr> <td>Colleen Hurst</td> <td>Javascript Developer</td> <td>San Francisco</td> <td>39</td> <td>2009/09/15</td> <td>$205,500</td> </tr> <tr> <td>Sonya Frost</td> <td>Software Engineer</td> <td>Edinburgh</td> <td>23</td> <td>2008/12/13</td> <td>$103,600</td> </tr> <tr> <td>Jena Gaines</td> <td>Office Manager</td> <td>London</td> <td>30</td> <td>2008/12/19</td> <td>$90,560</td> </tr> <tr> <td>Quinn Flynn</td> <td>Support Lead</td> <td>Edinburgh</td> <td>22</td> <td>2013/03/03</td> <td>$342,000</td> </tr> <tr> <td>Charde Marshall</td> <td>Regional Director</td> <td>San Francisco</td> <td>36</td> <td>2008/10/16</td> <td>$470,600</td> </tr> <tr> <td>Haley Kennedy</td> <td>Senior Marketing Designer</td> <td>London</td> <td>43</td> <td>2012/12/18</td> <td>$313,500</td> </tr> <tr> <td>Tatyana Fitzpatrick</td> <td>Regional Director</td> <td>London</td> <td>19</td> <td>2010/03/17</td> <td>$385,750</td> </tr> <tr> <td>Michael Silva</td> <td>Marketing Designer</td> <td>London</td> <td>66</td> <td>2012/11/27</td> <td>$198,500</td> </tr> <tr> <td>Paul Byrd</td> <td>Chief Financial Officer (CFO)</td> <td>New York</td> <td>64</td> <td>2010/06/09</td> <td>$725,000</td> </tr> <tr> <td>Gloria Little</td> <td>Systems Administrator</td> <td>New York</td> <td>59</td> <td>2009/04/10</td> <td>$237,500</td> </tr> <tr> <td>Bradley Greer</td> <td>Software Engineer</td> <td>London</td> <td>41</td> <td>2012/10/13</td> <td>$132,000</td> </tr> <tr> <td>Dai Rios</td> <td>Personnel Lead</td> <td>Edinburgh</td> <td>35</td> <td>2012/09/26</td> <td>$217,500</td> </tr> <tr> <td>Jenette Caldwell</td> <td>Development Lead</td> <td>New York</td> <td>30</td> <td>2011/09/03</td> <td>$345,000</td> </tr> <tr> <td>Yuri Berry</td> <td>Chief Marketing Officer (CMO)</td> <td>New York</td> <td>40</td> <td>2009/06/25</td> <td>$675,000</td> </tr> <tr> <td>Caesar Vance</td> <td>Pre-Sales Support</td> <td>New York</td> <td>21</td> <td>2011/12/12</td> <td>$106,450</td> </tr> <tr> <td>Doris Wilder</td> <td>Sales Assistant</td> <td>Sydney</td> <td>23</td> <td>2010/09/20</td> <td>$85,600</td> </tr> <tr> <td>Angelica Ramos</td> <td>Chief Executive Officer (CEO)</td> <td>London</td> <td>47</td> <td>2009/10/09</td> <td>$1,200,000</td> </tr> <tr> <td>Gavin Joyce</td> <td>Developer</td> <td>Edinburgh</td> <td>42</td> <td>2010/12/22</td> <td>$92,575</td> </tr> <tr> <td>Jennifer Chang</td> <td>Regional Director</td> <td>Singapore</td> <td>28</td> <td>2010/11/14</td> <td>$357,650</td> </tr> <tr> <td>Brenden Wagner</td> <td>Software Engineer</td> <td>San Francisco</td> <td>28</td> <td>2011/06/07</td> <td>$206,850</td> </tr> <tr> <td>Fiona Green</td> <td>Chief Operating Officer (COO)</td> <td>San Francisco</td> <td>48</td> <td>2010/03/11</td> <td>$850,000</td> </tr> <tr> <td>Shou Itou</td> <td>Regional Marketing</td> <td>Tokyo</td> <td>20</td> <td>2011/08/14</td> <td>$163,000</td> </tr> <tr> <td>Michelle House</td> <td>Integration Specialist</td> <td>Sydney</td> <td>37</td> <td>2011/06/02</td> <td>$95,400</td> </tr> <tr> <td>Suki Burks</td> <td>Developer</td> <td>London</td> <td>53</td> <td>2009/10/22</td> <td>$114,500</td> </tr> <tr> <td>Prescott Bartlett</td> <td>Technical Author</td> <td>London</td> <td>27</td> <td>2011/05/07</td> <td>$145,000</td> </tr> <tr> <td>Gavin Cortez</td> <td>Team Leader</td> <td>San Francisco</td> <td>22</td> <td>2008/10/26</td> <td>$235,500</td> </tr> <tr> <td>Martena Mccray</td> <td>Post-Sales support</td> <td>Edinburgh</td> <td>46</td> <td>2011/03/09</td> <td>$324,050</td> </tr> <tr> <td>Unity Butler</td> <td>Marketing Designer</td> <td>San Francisco</td> <td>47</td> <td>2009/12/09</td> <td>$85,675</td> </tr> <tr> <td>Howard Hatfield</td> <td>Office Manager</td> <td>San Francisco</td> <td>51</td> <td>2008/12/16</td> <td>$164,500</td> </tr> <tr> <td>Hope Fuentes</td> <td>Secretary</td> <td>San Francisco</td> <td>41</td> <td>2010/02/12</td> <td>$109,850</td> </tr> <tr> <td>Vivian Harrell</td> <td>Financial Controller</td> <td>San Francisco</td> <td>62</td> <td>2009/02/14</td> <td>$452,500</td> </tr> <tr> <td>Timothy Mooney</td> <td>Office Manager</td> <td>London</td> <td>37</td> <td>2008/12/11</td> <td>$136,200</td> </tr> <tr> <td>Jackson Bradshaw</td> <td>Director</td> <td>New York</td> <td>65</td> <td>2008/09/26</td> <td>$645,750</td> </tr> <tr> <td>Olivia Liang</td> <td>Support Engineer</td> <td>Singapore</td> <td>64</td> <td>2011/02/03</td> <td>$234,500</td> </tr> <tr> <td>Bruno Nash</td> <td>Software Engineer</td> <td>London</td> <td>38</td> <td>2011/05/03</td> <td>$163,500</td> </tr> <tr> <td>Sakura Yamamoto</td> <td>Support Engineer</td> <td>Tokyo</td> <td>37</td> <td>2009/08/19</td> <td>$139,575</td> </tr> <tr> <td>Thor Walton</td> <td>Developer</td> <td>New York</td> <td>61</td> <td>2013/08/11</td> <td>$98,540</td> </tr> <tr> <td>Finn Camacho</td> <td>Support Engineer</td> <td>San Francisco</td> <td>47</td> <td>2009/07/07</td> <td>$87,500</td> </tr> <tr> <td>Serge Baldwin</td> <td>Data Coordinator</td> <td>Singapore</td> <td>64</td> <td>2012/04/09</td> <td>$138,575</td> </tr> <tr> <td>Zenaida Frank</td> <td>Software Engineer</td> <td>New York</td> <td>63</td> <td>2010/01/04</td> <td>$125,250</td> </tr> <tr> <td>Zorita Serrano</td> <td>Software Engineer</td> <td>San Francisco</td> <td>56</td> <td>2012/06/01</td> <td>$115,000</td> </tr> <tr> <td>Jennifer Acosta</td> <td>Junior Javascript Developer</td> <td>Edinburgh</td> <td>43</td> <td>2013/02/01</td> <td>$75,650</td> </tr> <tr> <td>Cara Stevens</td> <td>Sales Assistant</td> <td>New York</td> <td>46</td> <td>2011/12/06</td> <td>$145,600</td> </tr> <tr> <td>Hermione Butler</td> <td>Regional Director</td> <td>London</td> <td>47</td> <td>2011/03/21</td> <td>$356,250</td> </tr> <tr> <td>Lael Greer</td> <td>Systems Administrator</td> <td>London</td> <td>21</td> <td>2009/02/27</td> <td>$103,500</td> </tr> <tr> <td>Jonas Alexander</td> <td>Developer</td> <td>San Francisco</td> <td>30</td> <td>2010/07/14</td> <td>$86,500</td> </tr> <tr> <td>Shad Decker</td> <td>Regional Director</td> <td>Edinburgh</td> <td>51</td> <td>2008/11/13</td> <td>$183,000</td> </tr> <tr> <td>Michael Bruce</td> <td>Javascript Developer</td> <td>Singapore</td> <td>29</td> <td>2011/06/27</td> <td>$183,000</td> </tr> <tr> <td>Donna Snider</td> <td>Customer Support</td> <td>New York</td> <td>27</td> <td>2011/01/25</td> <td>$112,000</td> </tr> </tbody> <tfoot> <tr> <th>Name</th> <th>Position</th> <th>Office</th> <th>Age</th> <th>Start date</th> <th>Salary</th> </tr> </tfoot> </table> </div> </div> </div> </div> <div class="row"> <div class="col"> <div class="card"> <div class="card-body"> <h5 class="card-title">Add rows</h5> <p>Although DataTables doesn't have row grouping built-in (picking one of the many methods available would overly limit the DataTables core), it is most certainly possible to give the look and feel of row grouping.</p> <a href="#" id="addRow" class="btn btn-primary m-b-md">Add Row</a> <table id="add-row" class="display" style="width:100%"> <thead> <tr> <th>Column 1</th> <th>Column 2</th> <th>Column 3</th> <th>Column 4</th> <th>Column 5</th> </tr> </thead> <tfoot> <tr> <th>Column 1</th> <th>Column 2</th> <th>Column 3</th> <th>Column 4</th> <th>Column 5</th> </tr> </tfoot> </table> </div> </div> </div> </div> </div> </div> </div> <!-- Javascripts --> <script src="../../assets/plugins/jquery/jquery-3.4.1.min.js"></script> <script src="https://unpkg.com/@popperjs/core@2"></script> <script src="../../assets/plugins/bootstrap/js/bootstrap.min.js"></script> <script src="https://unpkg.com/feather-icons"></script> <script src="../../assets/plugins/perfectscroll/perfect-scrollbar.min.js"></script> <script src="../../assets/plugins/DataTables/datatables.min.js"></script> <script src="../../assets/js/main.min.js"></script> <script src="../../assets/js/pages/datatables.js"></script> </body> <!-- Mirrored from phantom-themes.com/circl/theme/templates/admin/data-tables.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 14 Jul 2021 10:36:17 GMT --> </html>
💾 Kaydet
İptal
📝 Yeniden Adlandır
İptal
Kaydet
🔐 Dosya İzinleri (chmod)
İzin Değeri:
Hızlı Seçim:
777
755
644
600
777
= Herkes okur/yazar/çalıştırır
755
= Sahip tam, diğerleri okur/çalıştırır
644
= Sahip okur/yazar, diğerleri okur
600
= Sadece sahip okur/yazar
İptal
Uygula