Datatables.net v1.10.16

Add advanced interaction controls to your HTML tables the free & easy way

This combined file was created by the DataTables downloader builder: Full Documentation

DataTables.net

Name Position Office Age Actions
Name Position Office Age Actions
Tiger Nixon System Architect Edinburgh 61
Garrett Winters Accountant Tokyo 63
Ashton Cox Junior Technical Author San Francisco 66
Cedric Kelly Senior Javascript Developer Edinburgh 22
Airi Satou Accountant Tokyo 33
Brielle Williamson Integration Specialist New York 61
Herrod Chandler Sales Assistant San Francisco 59
Rhona Davidson Integration Specialist Tokyo 55
Colleen Hurst Javascript Developer San Francisco 39
Sonya Frost Software Engineer Edinburgh 23
Jena Gaines Office Manager London 30
Quinn Flynn Support Lead Edinburgh 22
Charde Marshall Regional Director San Francisco 36
Haley Kennedy Senior Marketing Designer London 43
Tatyana Fitzpatrick Regional Director London 19
Michael Silva Marketing Designer London 66
Paul Byrd Chief Financial Officer (CFO) New York 64
Gloria Little Systems Administrator New York 59
Bradley Greer Software Engineer London 41
Dai Rios Personnel Lead Edinburgh 35
Jenette Caldwell Development Lead New York 30
Yuri Berry Chief Marketing Officer (CMO) New York 40
Caesar Vance Pre-Sales Support New York 21
Doris Wilder Sales Assistant Sidney 23
Angelica Ramos Chief Executive Officer (CEO) London 47
Gavin Joyce Developer Edinburgh 42
Jennifer Chang Regional Director Singapore 28
Brenden Wagner Software Engineer San Francisco 28
Fiona Green Chief Operating Officer (COO) San Francisco 48
Shou Itou Regional Marketing Tokyo 20
Michelle House Integration Specialist Sidney 37
Suki Burks Developer London 53
Prescott Bartlett Technical Author London 27
Gavin Cortez Team Leader San Francisco 22
Martena Mccray Post-Sales support Edinburgh 46
Unity Butler Marketing Designer San Francisco 47
Howard Hatfield Office Manager San Francisco 51
Hope Fuentes Secretary San Francisco 41
Vivian Harrell Financial Controller San Francisco 62
Timothy Mooney Office Manager London 37
Jackson Bradshaw Director New York 65
Olivia Liang Support Engineer Singapore 64
<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="card-header">
                <h4 class="card-title">DataTables.net</h4>
            </div>
            <div class="card-body">

                <div class="toolbar">
                    <!--        Here you can write extra buttons/actions for the toolbar              -->
                </div>
                <table id="datatable" class="table table-striped table-bordered" cellspacing="0" width="100%">
                    <thead>
                        <tr>
                            <th>Name</th>
                            <th>Position</th>
                            <th>Office</th>
                            <th>Age</th>
                            <th class="disabled-sorting text-right">Actions</th>
                        </tr>
                    </thead>
                    <tfoot>
                        <tr>
                            <th>Name</th>
                            <th>Position</th>
                            <th>Office</th>
                            <th>Age</th>
                            <th class="disabled-sorting text-right">Actions</th>
                        </tr>
                    </tfoot>
                    <tbody>
                        <tr>
                            <td>Tiger Nixon</td>
                            <td>System Architect</td>
                            <td>Edinburgh</td>
                            <td>61</td>
                            <td class="text-right">
                                <a href="javascript:;" class="btn btn-info btn-link btn-sm like"><i class="fa fa-heart"></i></a>
                                <a href="javascript:;" class="btn btn-warning btn-link btn-sm edit"><i class="fa fa-edit"></i></a>
                                <a href="javascript:;" class="btn btn-danger btn-link btn-sm remove"><i class="fa fa-times"></i></a>
                            </td>
                        </tr>
                        <tr>
                            <td>Garrett Winters</td>
                            <td>Accountant</td>
                            <td>Tokyo</td>
                            <td>63</td>
                            <td class="text-right">
                                <a href="javascript:;" class="btn btn-info btn-link btn-sm like"><i class="fa fa-heart"></i></a>
                                <a href="javascript:;" class="btn btn-warning btn-link btn-sm edit"><i class="fa fa-edit"></i></a>
                                <a href="javascript:;" class="btn btn-danger btn-link btn-sm remove"><i class="fa fa-times"></i></a>
                            </td>
                        </tr>
                        <tr>
                            <td>Ashton Cox</td>
                            <td>Junior Technical Author</td>
                            <td>San Francisco</td>
                            <td>66</td>
                            <td class="text-right">
                                <a href="javascript:;" class="btn btn-info btn-link btn-sm like"><i class="fa fa-heart"></i></a>
                                <a href="javascript:;" class="btn btn-warning btn-link btn-sm edit"><i class="fa fa-edit"></i></a>
                                <a href="javascript:;" class="btn btn-danger btn-link btn-sm remove"><i class="fa fa-times"></i></a>
                            </td>
                        </tr>
                        <tr>
                            <td>Cedric Kelly</td>
                            <td>Senior Javascript Developer</td>
                            <td>Edinburgh</td>
                            <td>22</td>
                            <td class="text-right">
                                <a href="javascript:;" class="btn btn-info btn-link btn-sm like"><i class="fa fa-heart"></i></a>
                                <a href="javascript:;" class="btn btn-warning btn-link btn-sm edit"><i class="fa fa-edit"></i></a>
                                <a href="javascript:;" class="btn btn-danger btn-link btn-sm remove"><i class="fa fa-times"></i></a>
                            </td>
                        </tr>
                        <tr>
                            <td>Airi Satou</td>
                            <td>Accountant</td>
                            <td>Tokyo</td>
                            <td>33</td>
                            <td class="text-right">
                                <a href="javascript:;" class="btn btn-info btn-link btn-sm like"><i class="fa fa-heart"></i></a>
                                <a href="javascript:;" class="btn btn-warning btn-link btn-sm edit"><i class="fa fa-edit"></i></a>
                                <a href="javascript:;" class="btn btn-danger btn-link btn-sm remove"><i class="fa fa-times"></i></a>
                            </td>
                        </tr>
                        <tr>
                            <td>Brielle Williamson</td>
                            <td>Integration Specialist</td>
                            <td>New York</td>
                            <td>61</td>
                            <td class="text-right">
                                <a href="javascript:;" class="btn btn-info btn-link btn-sm like"><i class="fa fa-heart"></i></a>
                                <a href="javascript:;" class="btn btn-warning btn-link btn-sm edit"><i class="fa fa-edit"></i></a>
                                <a href="javascript:;" class="btn btn-danger btn-link btn-sm remove"><i class="fa fa-times"></i></a>
                            </td>
                        </tr>
                        <tr>
                            <td>Herrod Chandler</td>
                            <td>Sales Assistant</td>
                            <td>San Francisco</td>
                            <td>59</td>
                            <td class="text-right">
                                <a href="javascript:;" class="btn btn-info btn-link btn-sm like"><i class="fa fa-heart"></i></a>
                                <a href="javascript:;" class="btn btn-warning btn-link btn-sm edit"><i class="fa fa-edit"></i></a>
                                <a href="javascript:;" class="btn btn-danger btn-link btn-sm remove"><i class="fa fa-times"></i></a>
                            </td>
                        </tr>
                        <tr>
                            <td>Rhona Davidson</td>
                            <td>Integration Specialist</td>
                            <td>Tokyo</td>
                            <td>55</td>
                            <td class="text-right">
                                <a href="javascript:;" class="btn btn-info btn-link btn-sm like"><i class="fa fa-heart"></i></a>
                                <a href="javascript:;" class="btn btn-warning btn-link btn-sm edit"><i class="fa fa-edit"></i></a>
                                <a href="javascript:;" class="btn btn-danger btn-link btn-sm remove"><i class="fa fa-times"></i></a>
                            </td>
                        </tr>
                        <tr>
                            <td>Colleen Hurst</td>
                            <td>Javascript Developer</td>
                            <td>San Francisco</td>
                            <td>39</td>
                            <td class="text-right">
                                <a href="javascript:;" class="btn btn-info btn-link btn-sm like"><i class="fa fa-heart"></i></a>
                                <a href="javascript:;" class="btn btn-warning btn-link btn-sm edit"><i class="fa fa-edit"></i></a>
                                <a href="javascript:;" class="btn btn-danger btn-link btn-sm remove"><i class="fa fa-times"></i></a>
                            </td>
                        </tr>
                        <tr>
                            <td>Sonya Frost</td>
                            <td>Software Engineer</td>
                            <td>Edinburgh</td>
                            <td>23</td>
                            <td class="text-right">
                                <a href="javascript:;" class="btn btn-info btn-link btn-sm like"><i class="fa fa-heart"></i></a>
                                <a href="javascript:;" class="btn btn-warning btn-link btn-sm edit"><i class="fa fa-edit"></i></a>
                                <a href="javascript:;" class="btn btn-danger btn-link btn-sm remove"><i class="fa fa-times"></i></a>
                            </td>
                        </tr>
                        <tr>
                            <td>Jena Gaines</td>
                            <td>Office Manager</td>
                            <td>London</td>
                            <td>30</td>
                            <td class="text-right">
                                <a href="javascript:;" class="btn btn-info btn-link btn-sm like"><i class="fa fa-heart"></i></a>
                                <a href="javascript:;" class="btn btn-warning btn-link btn-sm edit"><i class="fa fa-edit"></i></a>
                                <a href="javascript:;" class="btn btn-danger btn-link btn-sm remove"><i class="fa fa-times"></i></a>
                            </td>
                        </tr>
                        <tr>
                            <td>Quinn Flynn</td>
                            <td>Support Lead</td>
                            <td>Edinburgh</td>
                            <td>22</td>
                            <td class="text-right">
                                <a href="javascript:;" class="btn btn-info btn-link btn-sm like"><i class="fa fa-heart"></i></a>
                                <a href="javascript:;" class="btn btn-warning btn-link btn-sm edit"><i class="fa fa-edit"></i></a>
                                <a href="javascript:;" class="btn btn-danger btn-link btn-sm remove"><i class="fa fa-times"></i></a>
                            </td>
                        </tr>
                        <tr>
                            <td>Charde Marshall</td>
                            <td>Regional Director</td>
                            <td>San Francisco</td>
                            <td>36</td>
                            <td class="text-right">
                                <a href="javascript:;" class="btn btn-info btn-link btn-sm like"><i class="fa fa-heart"></i></a>
                                <a href="javascript:;" class="btn btn-warning btn-link btn-sm edit"><i class="fa fa-edit"></i></a>
                                <a href="javascript:;" class="btn btn-danger btn-link btn-sm remove"><i class="fa fa-times"></i></a>
                            </td>
                        </tr>
                        <tr>
                            <td>Haley Kennedy</td>
                            <td>Senior Marketing Designer</td>
                            <td>London</td>
                            <td>43</td>
                            <td class="text-right">
                                <a href="javascript:;" class="btn btn-info btn-link btn-sm like"><i class="fa fa-heart"></i></a>
                                <a href="javascript:;" class="btn btn-warning btn-link btn-sm edit"><i class="fa fa-edit"></i></a>
                                <a href="javascript:;" class="btn btn-danger btn-link btn-sm remove"><i class="fa fa-times"></i></a>
                            </td>
                        </tr>
                        <tr>
                            <td>Tatyana Fitzpatrick</td>
                            <td>Regional Director</td>
                            <td>London</td>
                            <td>19</td>
                            <td class="text-right">
                                <a href="javascript:;" class="btn btn-info btn-link btn-sm like"><i class="fa fa-heart"></i></a>
                                <a href="javascript:;" class="btn btn-warning btn-link btn-sm edit"><i class="fa fa-edit"></i></a>
                                <a href="javascript:;" class="btn btn-danger btn-link btn-sm remove"><i class="fa fa-times"></i></a>
                            </td>
                        </tr>
                        <tr>
                            <td>Michael Silva</td>
                            <td>Marketing Designer</td>
                            <td>London</td>
                            <td>66</td>
                            <td class="text-right">
                                <a href="javascript:;" class="btn btn-info btn-link btn-sm like"><i class="fa fa-heart"></i></a>
                                <a href="javascript:;" class="btn btn-warning btn-link btn-sm edit"><i class="fa fa-edit"></i></a>
                                <a href="javascript:;" class="btn btn-danger btn-link btn-sm remove"><i class="fa fa-times"></i></a>
                            </td>
                        </tr>
                        <tr>
                            <td>Paul Byrd</td>
                            <td>Chief Financial Officer (CFO)</td>
                            <td>New York</td>
                            <td>64</td>
                            <td class="text-right">
                                <a href="javascript:;" class="btn btn-info btn-link btn-sm like"><i class="fa fa-heart"></i></a>
                                <a href="javascript:;" class="btn btn-warning btn-link btn-sm edit"><i class="fa fa-edit"></i></a>
                                <a href="javascript:;" class="btn btn-danger btn-link btn-sm remove"><i class="fa fa-times"></i></a>
                            </td>
                        </tr>
                        <tr>
                            <td>Gloria Little</td>
                            <td>Systems Administrator</td>
                            <td>New York</td>
                            <td>59</td>
                            <td class="text-right">
                                <a href="javascript:;" class="btn btn-info btn-link btn-sm like"><i class="fa fa-heart"></i></a>
                                <a href="javascript:;" class="btn btn-warning btn-link btn-sm edit"><i class="fa fa-edit"></i></a>
                                <a href="javascript:;" class="btn btn-danger btn-link btn-sm remove"><i class="fa fa-times"></i></a>
                            </td>
                        </tr>
                        <tr>
                            <td>Bradley Greer</td>
                            <td>Software Engineer</td>
                            <td>London</td>
                            <td>41</td>
                            <td class="text-right">
                                <a href="javascript:;" class="btn btn-info btn-link btn-sm like"><i class="fa fa-heart"></i></a>
                                <a href="javascript:;" class="btn btn-warning btn-link btn-sm edit"><i class="fa fa-edit"></i></a>
                                <a href="javascript:;" class="btn btn-danger btn-link btn-sm remove"><i class="fa fa-times"></i></a>
                            </td>
                        </tr>
                        <tr>
                            <td>Dai Rios</td>
                            <td>Personnel Lead</td>
                            <td>Edinburgh</td>
                            <td>35</td>
                            <td class="text-right">
                                <a href="javascript:;" class="btn btn-info btn-link btn-sm like"><i class="fa fa-heart"></i></a>
                                <a href="javascript:;" class="btn btn-warning btn-link btn-sm edit"><i class="fa fa-edit"></i></a>
                                <a href="javascript:;" class="btn btn-danger btn-link btn-sm remove"><i class="fa fa-times"></i></a>
                            </td>
                        </tr>
                        <tr>
                            <td>Jenette Caldwell</td>
                            <td>Development Lead</td>
                            <td>New York</td>
                            <td>30</td>
                            <td class="text-right">
                                <a href="javascript:;" class="btn btn-info btn-link btn-sm like"><i class="fa fa-heart"></i></a>
                                <a href="javascript:;" class="btn btn-warning btn-link btn-sm edit"><i class="fa fa-edit"></i></a>
                                <a href="javascript:;" class="btn btn-danger btn-link btn-sm remove"><i class="fa fa-times"></i></a>
                            </td>
                        </tr>
                        <tr>
                            <td>Yuri Berry</td>
                            <td>Chief Marketing Officer (CMO)</td>
                            <td>New York</td>
                            <td>40</td>
                            <td class="text-right">
                                <a href="javascript:;" class="btn btn-info btn-link btn-sm like"><i class="fa fa-heart"></i></a>
                                <a href="javascript:;" class="btn btn-warning btn-link btn-sm edit"><i class="fa fa-edit"></i></a>
                                <a href="javascript:;" class="btn btn-danger btn-link btn-sm remove"><i class="fa fa-times"></i></a>
                            </td>
                        </tr>
                        <tr>
                            <td>Caesar Vance</td>
                            <td>Pre-Sales Support</td>
                            <td>New York</td>
                            <td>21</td>
                            <td class="text-right">
                                <a href="javascript:;" class="btn btn-info btn-link btn-sm like"><i class="fa fa-heart"></i></a>
                                <a href="javascript:;" class="btn btn-warning btn-link btn-sm edit"><i class="fa fa-edit"></i></a>
                                <a href="javascript:;" class="btn btn-danger btn-link btn-sm remove"><i class="fa fa-times"></i></a>
                            </td>
                        </tr>
                        <tr>
                            <td>Doris Wilder</td>
                            <td>Sales Assistant</td>
                            <td>Sidney</td>
                            <td>23</td>
                            <td class="text-right">
                                <a href="javascript:;" class="btn btn-info btn-link btn-sm like"><i class="fa fa-heart"></i></a>
                                <a href="javascript:;" class="btn btn-warning btn-link btn-sm edit"><i class="fa fa-edit"></i></a>
                                <a href="javascript:;" class="btn btn-danger btn-link btn-sm remove"><i class="fa fa-times"></i></a>
                            </td>
                        </tr>
                        <tr>
                            <td>Angelica Ramos</td>
                            <td>Chief Executive Officer (CEO)</td>
                            <td>London</td>
                            <td>47</td>
                            <td class="text-right">
                                <a href="javascript:;" class="btn btn-info btn-link btn-sm like"><i class="fa fa-heart"></i></a>
                                <a href="javascript:;" class="btn btn-warning btn-link btn-sm edit"><i class="fa fa-edit"></i></a>
                                <a href="javascript:;" class="btn btn-danger btn-link btn-sm remove"><i class="fa fa-times"></i></a>
                            </td>
                        </tr>
                        <tr>
                            <td>Gavin Joyce</td>
                            <td>Developer</td>
                            <td>Edinburgh</td>
                            <td>42</td>
                            <td class="text-right">
                                <a href="javascript:;" class="btn btn-info btn-link btn-sm like"><i class="fa fa-heart"></i></a>
                                <a href="javascript:;" class="btn btn-warning btn-link btn-sm edit"><i class="fa fa-edit"></i></a>
                                <a href="javascript:;" class="btn btn-danger btn-link btn-sm remove"><i class="fa fa-times"></i></a>
                            </td>
                        </tr>
                        <tr>
                            <td>Jennifer Chang</td>
                            <td>Regional Director</td>
                            <td>Singapore</td>
                            <td>28</td>
                            <td class="text-right">
                                <a href="javascript:;" class="btn btn-info btn-link btn-sm like"><i class="fa fa-heart"></i></a>
                                <a href="javascript:;" class="btn btn-warning btn-link btn-sm edit"><i class="fa fa-edit"></i></a>
                                <a href="javascript:;" class="btn btn-danger btn-link btn-sm remove"><i class="fa fa-times"></i></a>
                            </td>
                        </tr>
                        <tr>
                            <td>Brenden Wagner</td>
                            <td>Software Engineer</td>
                            <td>San Francisco</td>
                            <td>28</td>
                            <td class="text-right">
                                <a href="javascript:;" class="btn btn-info btn-link btn-sm like"><i class="fa fa-heart"></i></a>
                                <a href="javascript:;" class="btn btn-warning btn-link btn-sm edit"><i class="fa fa-edit"></i></a>
                                <a href="javascript:;" class="btn btn-danger btn-link btn-sm remove"><i class="fa fa-times"></i></a>
                            </td>
                        </tr>
                        <tr>
                            <td>Fiona Green</td>
                            <td>Chief Operating Officer (COO)</td>
                            <td>San Francisco</td>
                            <td>48</td>
                            <td class="text-right">
                                <a href="javascript:;" class="btn btn-info btn-link btn-sm like"><i class="fa fa-heart"></i></a>
                                <a href="javascript:;" class="btn btn-warning btn-link btn-sm edit"><i class="fa fa-edit"></i></a>
                                <a href="javascript:;" class="btn btn-danger btn-link btn-sm remove"><i class="fa fa-times"></i></a>
                            </td>
                        </tr>
                        <tr>
                            <td>Shou Itou</td>
                            <td>Regional Marketing</td>
                            <td>Tokyo</td>
                            <td>20</td>
                            <td class="text-right">
                                <a href="javascript:;" class="btn btn-info btn-link btn-sm like"><i class="fa fa-heart"></i></a>
                                <a href="javascript:;" class="btn btn-warning btn-link btn-sm edit"><i class="fa fa-edit"></i></a>
                                <a href="javascript:;" class="btn btn-danger btn-link btn-sm remove"><i class="fa fa-times"></i></a>
                            </td>
                        </tr>
                        <tr>
                            <td>Michelle House</td>
                            <td>Integration Specialist</td>
                            <td>Sidney</td>
                            <td>37</td>
                            <td class="text-right">
                                <a href="javascript:;" class="btn btn-info btn-link btn-sm like"><i class="fa fa-heart"></i></a>
                                <a href="javascript:;" class="btn btn-warning btn-link btn-sm edit"><i class="fa fa-edit"></i></a>
                                <a href="javascript:;" class="btn btn-danger btn-link btn-sm remove"><i class="fa fa-times"></i></a>
                            </td>
                        </tr>
                        <tr>
                            <td>Suki Burks</td>
                            <td>Developer</td>
                            <td>London</td>
                            <td>53</td>
                            <td class="text-right">
                                <a href="javascript:;" class="btn btn-info btn-link btn-sm like"><i class="fa fa-heart"></i></a>
                                <a href="javascript:;" class="btn btn-warning btn-link btn-sm edit"><i class="fa fa-edit"></i></a>
                                <a href="javascript:;" class="btn btn-danger btn-link btn-sm remove"><i class="fa fa-times"></i></a>
                            </td>
                        </tr>
                        <tr>
                            <td>Prescott Bartlett</td>
                            <td>Technical Author</td>
                            <td>London</td>
                            <td>27</td>
                            <td class="text-right">
                                <a href="javascript:;" class="btn btn-info btn-link btn-sm like"><i class="fa fa-heart"></i></a>
                                <a href="javascript:;" class="btn btn-warning btn-link btn-sm edit"><i class="fa fa-edit"></i></a>
                                <a href="javascript:;" class="btn btn-danger btn-link btn-sm remove"><i class="fa fa-times"></i></a>
                            </td>
                        </tr>
                        <tr>
                            <td>Gavin Cortez</td>
                            <td>Team Leader</td>
                            <td>San Francisco</td>
                            <td>22</td>
                            <td class="text-right">
                                <a href="javascript:;" class="btn btn-info btn-link btn-sm like"><i class="fa fa-heart"></i></a>
                                <a href="javascript:;" class="btn btn-warning btn-link btn-sm edit"><i class="fa fa-edit"></i></a>
                                <a href="javascript:;" class="btn btn-danger btn-link btn-sm remove"><i class="fa fa-times"></i></a>
                            </td>
                        </tr>
                        <tr>
                            <td>Martena Mccray</td>
                            <td>Post-Sales support</td>
                            <td>Edinburgh</td>
                            <td>46</td>
                            <td class="text-right">
                                <a href="javascript:;" class="btn btn-info btn-link btn-sm like"><i class="fa fa-heart"></i></a>
                                <a href="javascript:;" class="btn btn-warning btn-link btn-sm edit"><i class="fa fa-edit"></i></a>
                                <a href="javascript:;" class="btn btn-danger btn-link btn-sm remove"><i class="fa fa-times"></i></a>
                            </td>
                        </tr>
                        <tr>
                            <td>Unity Butler</td>
                            <td>Marketing Designer</td>
                            <td>San Francisco</td>
                            <td>47</td>
                            <td class="text-right">
                                <a href="javascript:;" class="btn btn-info btn-link btn-sm like"><i class="fa fa-heart"></i></a>
                                <a href="javascript:;" class="btn btn-warning btn-link btn-sm edit"><i class="fa fa-edit"></i></a>
                                <a href="javascript:;" class="btn btn-danger btn-link btn-sm remove"><i class="fa fa-times"></i></a>
                            </td>
                        </tr>
                        <tr>
                            <td>Howard Hatfield</td>
                            <td>Office Manager</td>
                            <td>San Francisco</td>
                            <td>51</td>
                            <td class="text-right">
                                <a href="javascript:;" class="btn btn-info btn-link btn-sm like"><i class="fa fa-heart"></i></a>
                                <a href="javascript:;" class="btn btn-warning btn-link btn-sm edit"><i class="fa fa-edit"></i></a>
                                <a href="javascript:;" class="btn btn-danger btn-link btn-sm remove"><i class="fa fa-times"></i></a>
                            </td>
                        </tr>
                        <tr>
                            <td>Hope Fuentes</td>
                            <td>Secretary</td>
                            <td>San Francisco</td>
                            <td>41</td>
                            <td class="text-right">
                                <a href="javascript:;" class="btn btn-info btn-link btn-sm like"><i class="fa fa-heart"></i></a>
                                <a href="javascript:;" class="btn btn-warning btn-link btn-sm edit"><i class="fa fa-edit"></i></a>
                                <a href="javascript:;" class="btn btn-danger btn-link btn-sm remove"><i class="fa fa-times"></i></a>
                            </td>
                        </tr>
                        <tr>
                            <td>Vivian Harrell</td>
                            <td>Financial Controller</td>
                            <td>San Francisco</td>
                            <td>62</td>
                            <td class="text-right">
                                <a href="javascript:;" class="btn btn-info btn-link btn-sm like"><i class="fa fa-heart"></i></a>
                                <a href="javascript:;" class="btn btn-warning btn-link btn-sm edit"><i class="fa fa-edit"></i></a>
                                <a href="javascript:;" class="btn btn-danger btn-link btn-sm remove"><i class="fa fa-times"></i></a>
                            </td>
                        </tr>
                        <tr>
                            <td>Timothy Mooney</td>
                            <td>Office Manager</td>
                            <td>London</td>
                            <td>37</td>
                            <td class="text-right">
                                <a href="javascript:;" class="btn btn-info btn-link btn-sm like"><i class="fa fa-heart"></i></a>
                                <a href="javascript:;" class="btn btn-warning btn-link btn-sm edit"><i class="fa fa-edit"></i></a>
                                <a href="javascript:;" class="btn btn-danger btn-link btn-sm remove"><i class="fa fa-times"></i></a>
                            </td>
                        </tr>
                        <tr>
                            <td>Jackson Bradshaw</td>
                            <td>Director</td>
                            <td>New York</td>
                            <td>65</td>
                            <td class="text-right">
                                <a href="javascript:;" class="btn btn-info btn-link btn-sm like"><i class="fa fa-heart"></i></a>
                                <a href="javascript:;" class="btn btn-warning btn-link btn-sm edit"><i class="fa fa-edit"></i></a>
                                <a href="javascript:;" class="btn btn-danger btn-link btn-sm remove"><i class="fa fa-times"></i></a>
                            </td>
                        </tr>
                        <tr>
                            <td>Olivia Liang</td>
                            <td>Support Engineer</td>
                            <td>Singapore</td>
                            <td>64</td>
                            <td class="text-right">
                                <a href="javascript:;" class="btn btn-info btn-link btn-sm like"><i class="fa fa-heart"></i></a>
                                <a href="javascript:;" class="btn btn-warning btn-link btn-sm edit"><i class="fa fa-edit"></i></a>
                                <a href="javascript:;" class="btn btn-danger btn-link btn-sm remove"><i class="fa fa-times"></i></a>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div><!-- end content-->
        </div><!--  end card  -->
    </div> <!-- end col-md-12 -->
</div> <!-- end row -->