1. Home
  2. Smart UI
  3. Datatable PHP Class

DataTable Result Set

Change title to update and save instantly!
Name Phone Company Zip City
Jennifer 1-342-463-8341 active Et Rutrum Non Associates 5 35728 Fogo
Brendan 1-724-406-2487 active Enim Commodo Limited 7 98611 Norman
Warren 1-412-485-9725 active Odio Etiam Institute 4 10312 Sautin
Rajah 1-849-642-8777 active Neque Ltd 9 29131 Glovertown
Demetrius 1-470-329-9627 active Euismod In Ltd 9 1883 Kapolei
Keefe 1-188-191-2346 active Molestie Industries 14 2211BM Modena
Leila 1-663-655-8904 active Est LLC 15 75286 Hondelange
Fritz 1-598-234-7837 active Et Ultrices Posuere Institute 14 2324 Monte San Pietrangeli
Cassady 1-212-965-8381 active Vitae Erat Vel Company 3 5898 Huntly
Candice 1-153-708-6027 active Pellentesque Company 5 8565 Redruth
Baxter 1-281-147-5085 active Nulla Donec Non Associates 2 53067 Yellowknife
Marah 1-348-582-4041 active Feugiat Ltd 5 2128 Nîmes
Kiara 1-570-428-6681 active Et Euismod Et Corp. 5 70483 Meeuwen
Brielle 1-216-787-0056 active Quis Massa Mauris Institute 9 19913 Mombaruzzo
Kennedy 1-997-154-9340 active Quis Diam Pellentesque Institute 8 3092FI Edmundston
Peter 1-394-459-3833 active Mauris Eu Turpis Corporation 10 27337 Ravenstein
Kibo 1-162-467-7160 active Massa LLP 15 30305 Witney
Tanek 1-806-556-1897 active Pharetra Nam Industries 3 84972 Abbotsford
Guinevere 1-850-940-6176 active Montes Nascetur Limited 2 54983 Rio Grande
Ronan 1-168-544-4394 active Nunc Inc. 11 12167 Pinkafeld
Kasper 1-153-221-5650 active Rutrum Limited 12 M9N 0N6 Saint-G?ry
Otto 1-894-944-5767 active Purus Maecenas Libero LLC 6 74552-602 Jauche
Brenda 1-783-562-8563 active Sit Consulting 8 15632 Llandrindod Wells
Laith 1-482-317-8464 active Tellus Limited 12 P8L 2V5 Codó
Ella 1-275-839-6518 active Tincidunt Inc. 11 V8L 7Y0 Lummen
Hanae 1-339-661-4197 active Nunc Incorporated 3 47931 South Burlington
Donna active 1-236-575-1365 active Ultricies Sem Incorporated 14 78685 Baranello
Bevis 1-955-717-0835 active Est Ac Inc. 9 7424 Ichtegem
Celeste 1-368-137-6285 active Tortor Nibh Sit Inc. 2 01318 Portobuffolè
Ila 1-315-684-6122 active Gravida Sagittis Associates 8 4438PF Keswick
Alana 5 1-586-261-7830 active Nullam Industries 9 6044 Bacabal
Rowan 1-782-168-2387 active Aliquet Consulting 10 33000 Papasidero
Eric 1-161-390-1140 active Odio Institute 1 5652 Moliterno
Dana 1-989-320-2205 active Bibendum Fermentum Institute 14 X31 1HZ Saint-Pierre
Karleigh 1-218-513-8714 active Duis Volutpat Inc. 15 1356 Fresno
Malik 1-869-972-9871 active Praesent Luctus Curabitur Limited 10 V3Y 0P0 Roxboro
May 1-462-220-8205 active Suspendisse Dui LLP 12 4765 Mold
Alan 1-478-769-3709 active Suspendisse Inc. 5 7354AC Norfolk
Anastasia 1-589-358-5285 active Mus Proin Institute 14 33244 Montbliart
Yardley 1-422-907-2926 active Urna Et LLP 1 88531 Évreux
Oscar 1-476-548-4758 active Nunc Id Enim Institute 15 T5Z 4YS Burlington
Hasad 1-397-946-7346 active Auctor Nunc Corp. 1 2307HU Savona
Mohammad 1-984-931-7753 active Ultricies Dignissim LLP 5 4718 Nadrin
Nissim 1-739-146-3150 active Lacus Ltd 5 UX95 5JM Veere
Porter 1-299-790-1428 active Aliquam LLC 9 41708 Montaldo Bormida
Sophia 1-413-195-0820 active Viverra Maecenas Iaculis Ltd 6 83468 Doetinchem
Acton 1-855-937-9214 active Vitae Sodales Company 1 1757 Bad Oldesloe
Briar 1-846-339-0222 active Congue Turpis In Limited 15 51510 Caerphilly
Benjamin 1-828-436-8902 active Aliquam Nec Enim Ltd 10 4289GW Holyhead
Gregory 1-782-119-9191 active A PC 8 14531 Águas Lindas de Goiás
Marny 1-255-275-2769 active Malesuada Institute 13 41706 Montaldo Bormida
Indira 1-215-687-1488 active Augue Id Ante PC 12 42010 Lorient
Fleur 1-309-181-4794 active Libero Donec Consectetuer Corp. 1 ZD4H 3NF Valleyview
Fulton 1-380-339-9492 active Vulputate LLP 12 01154 Blois
Arsenio 1-794-184-3132 active Nec Diam Duis Ltd 14 91908 Foligno
Jaden 1-979-292-4559 active Vestibulum Ante Industries 11 2724 Bertogne
Kylie 1-900-819-9083 active Arcu Vestibulum Ut Incorporated 6 E6R 8N1 Scandriglia
Melyssa 1-911-370-2794 active Pede Sagittis Augue Ltd 14 37293 Frauenkirchen
Jerry 1-501-422-6929 active Nonummy Ut Molestie LLP 13 9024 Nossegem
Rhiannon 1-188-451-3938 active Elit Pellentesque Consulting 3 12283 College
Price 1-769-162-9068 active Vitae Erat Vivamus Corp. 5 6843 Villata
Ginger 1-263-395-0268 active Ligula Institute 8 1979 Rodengo/Rodeneck
Britanney 1-121-616-0992 active Nec Diam LLP 9 07095 Queanbeyan
Wylie 1-736-996-8984 active Arcu Industries 8 7587LK Fauglia
Holly 1-210-117-9053 active Adipiscing Incorporated 4 9053 Dortmund
Althea 1-525-409-7849 active Vel Company 8 20125 Qualicum Beach
Quintessa 1-947-731-6466 active Nunc Interdum Foundation 5 3260 Llandrindod Wells
Fitzgerald 1-725-747-2841 active Torquent Associates 10 01688-439 Manchester
Keefe 1-672-945-4291 active Mollis Dui PC 5 73231 Hillsboro
Rudyard 1-504-162-2567 active Ipsum Curabitur Consequat Foundation 14 Xxxx Kimberly
Kareem 1-716-663-9703 active In Ltd 5 2707 Legal
Genevieve 1-361-358-3030 active Mi PC 11 4995 Crieff
Wang 1-806-922-8622 active Lacinia Vitae Corporation 13 1850UC Rudiano
Odessa 1-983-915-7779 active Dolor Donec Corporation 12 L2M 1L6 Siddi
Adrienne 1-771-540-3805 active Eu Lacus Incorporated 14 2116 Lincoln
Charity 1-749-804-8328 active Aenean Sed Pede Foundation 8 14470-440 Haverfordwest
Kieran 1-333-507-3878 active Malesuada Ut Sem Corp. 5 W3C 3PM Croydon
Alika 1-544-422-1437 active Integer Tincidunt Company 2 Xxxx Plymouth
Shay 1-530-583-8669 active Diam LLP 6 63260 College
Cailin 1-415-254-8139 active Placerat Eget Foundation 8 L3M 4R6 Jonqui?re
Xena 1-979-983-1456 active Tellus Eu Augue Associates 13 09703-746 Angleur
Walker 1-380-277-2755 active Sollicitudin A Malesuada Corporation 15 60019 Toronto
Adena 1-756-948-8416 active Diam Ltd 7 B7T 5X7 Stene
Bradley 1-800-808-3688 active Nunc Quis LLC 2 83932-949 Uppingham. Cottesmore
Yvette 1-843-923-0038 active Eget Metus PC 4 47936 Feira de Santana
Neil 1-550-664-4050 active Aenean Euismod LLP 13 28842 Corby
Hunter 1-637-483-4408 active In Nec Orci LLC 1 49338 Cleveland
Marcia 1-512-896-6301 active Et Risus Industries 4 74123 Quinte West
Lavinia 1-222-745-5312 active Nulla Interdum Curabitur LLC 15 3531 Assiniboia
Cynthia 1-392-134-2788 active Nunc Ut Erat Company 2 I27 5OS Pagazzano
Lee 1-128-816-7274 active Litora Torquent Per PC 4 11386 Mazzano Romano
Linda 1-546-735-8920 active Dis Parturient Montes Associates 1 64629 Ferlach
Wayne 1-744-647-6144 active In Industries 2 Xxxx Memphis
Liberty 1-841-489-1665 active Sed Sem Limited 13 27504-649 Olivola
Cathleen 1-883-567-6065 active Eu Corporation 6 4286 Rotheux-Rimi?re

HTML Output (Run Time: 0.0243s)

<div class="jarviswidget" id="widget-id" data-widget-editbutton="false">
    <header>
        <span class="widget-icon"> <i class="fa fa fa-exclamation"></i> </span>
        <div class="widget-toolbar" id="" >
            <div class="btn-group">
                <button class="btn btn-primary dropdown-toggle" data-toggle="dropdown"> Filter Cities <span class="caret"></span> </button>
                <ul class="dropdown-menu">
                    <li>
                        <a href="#">
                            <div class="checkbox">
                                <label>
                                    <input type="checkbox" value="Fogo" class="checkbox style-0" data-status-filter="Fogo" value="Fogo">
                                    <span>Fogo</span> 
                                </label>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="checkbox">
                                <label>
                                    <input type="checkbox" value="Machelen" class="checkbox style-0" data-status-filter="Machelen" value="Machelen">
                                    <span>Machelen</span> 
                                </label>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="checkbox">
                                <label>
                                    <input type="checkbox" value="Norman" class="checkbox style-0" data-status-filter="Norman" value="Norman">
                                    <span>Norman</span> 
                                </label>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="checkbox">
                                <label>
                                    <input type="checkbox" value="Kapolei" class="checkbox style-0" data-status-filter="Kapolei" value="Kapolei">
                                    <span>Kapolei</span> 
                                </label>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <h2>
            DataTable Result Set
        </h2>
    </header>
    <div>
        <div class="jarviswidget-editbox">
            <input class="form-control" type="text">
            <span class="note"><i class="fa fa-check text-success"></i> Change title to update and save instantly!</span>
        </div>
        <div class="widget-body no-padding">
            <table id="test-table-id" class="table table-striped table-bordered table-hover">
                <thead>
                    <tr>
                        <th class="center" width="20px"></th>
                        <th class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0">
                                <span></span> 
                            </label>
                        </th>
                        <th class="hidden"> ID # </th>
                        <th> Name </th>
                        <th> Phone </th>
                        <th> Company </th>
                        <th> Zip </th>
                        <th> City </th>
                        <th class="hidden"> Date </th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 1 </td>
                        <td> Jennifer </td>
                        <td> 1-342-463-8341 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Fogo+35728" target="_self" title="">Et Rutrum Non Associates</a> <span class="badge bg-color-greenLight">5</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 35728 </td>
                        <td> Fogo </td>
                        <td class="hidden"> 03/04/14 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"></td>
                        <td class=""></td>
                        <td class=""></td>
                        <td class=""></td>
                        <td class=""></td>
                        <td class=""></td>
                        <td class="hidden"></td>
                    </tr>
                    <tr class="danger">
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 3 </td>
                        <td> Brendan </td>
                        <td> 1-724-406-2487 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Norman+98611" target="_self" title="">Enim Commodo Limited</a> <span class="badge bg-color-greenLight">7</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 98611 </td>
                        <td> Norman </td>
                        <td class="hidden"> 02/13/14 </td>
                    </tr>
                    <tr class="success">
                        <td class="center" width="20px"></td>
                        <td class="center table-checkbox" width="20px"></td>
                        <td class="hidden"> 4 </td>
                        <td> Warren </td>
                        <td> 1-412-485-9725 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Sautin+10312" target="_self" title="">Odio Etiam Institute</a> <span class="badge bg-color-greenLight">4</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 10312 </td>
                        <td> Sautin </td>
                        <td class="hidden"> 01/01/13 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 5 </td>
                        <td> Rajah </td>
                        <td> 1-849-642-8777 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Glovertown+29131" target="_self" title="">Neque Ltd</a> <span class="badge bg-color-greenLight">9</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 29131 </td>
                        <td> Glovertown </td>
                        <td class="hidden"> 02/16/13 </td>
                    </tr>
                    <tr class="success">
                        <td class="center" width="20px"></td>
                        <td class="center table-checkbox" width="20px"></td>
                        <td class="hidden"> 6 </td>
                        <td> Demetrius </td>
                        <td> 1-470-329-9627 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Kapolei+1883" target="_self" title="">Euismod In Ltd</a> <span class="badge bg-color-greenLight">9</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 1883 </td>
                        <td> Kapolei </td>
                        <td class="hidden"> 03/15/13 </td>
                    </tr>
                    <tr class="success">
                        <td class="center" width="20px"></td>
                        <td class="center table-checkbox" width="20px"></td>
                        <td class="hidden"> 7 </td>
                        <td> Keefe </td>
                        <td> 1-188-191-2346 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Modena+2211BM" target="_self" title="">Molestie Industries</a> <span class="badge bg-color-red">14</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 2211BM </td>
                        <td> Modena </td>
                        <td class="hidden"> 07/08/13 </td>
                    </tr>
                    <tr class="success">
                        <td class="center" width="20px"></td>
                        <td class="center table-checkbox" width="20px"></td>
                        <td class="hidden"> 8 </td>
                        <td> Leila </td>
                        <td> 1-663-655-8904 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Hondelange+75286" target="_self" title="">Est LLC</a> <span class="badge bg-color-red">15</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 75286 </td>
                        <td> Hondelange </td>
                        <td class="hidden"> 12/09/12 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 9 </td>
                        <td> Fritz </td>
                        <td> 1-598-234-7837 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Monte San Pietrangeli+2324" target="_self" title="">Et Ultrices Posuere Institute</a> <span class="badge bg-color-red">14</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 2324 </td>
                        <td> Monte San Pietrangeli </td>
                        <td class="hidden"> 12/29/12 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 10 </td>
                        <td> Cassady </td>
                        <td> 1-212-965-8381 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Huntly+5898" target="_self" title="">Vitae Erat Vel Company</a> <span class="badge bg-color-greenLight">3</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 5898 </td>
                        <td> Huntly </td>
                        <td class="hidden"> 10/07/13 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px"></td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"></td>
                        <td class=""></td>
                        <td class=""></td>
                        <td class=""></td>
                        <td class=""></td>
                        <td class=""></td>
                        <td class="hidden"></td>
                    </tr>
                    <tr class="success">
                        <td class="center" width="20px"></td>
                        <td class="center table-checkbox" width="20px"></td>
                        <td class="hidden"> 12 </td>
                        <td> Candice </td>
                        <td> 1-153-708-6027 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Redruth+8565" target="_self" title="">Pellentesque Company</a> <span class="badge bg-color-greenLight">5</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 8565 </td>
                        <td> Redruth </td>
                        <td class="hidden"> 02/25/14 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px"></td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"></td>
                        <td class=""></td>
                        <td class=""></td>
                        <td class=""></td>
                        <td class=""></td>
                        <td class=""></td>
                        <td class="hidden"></td>
                    </tr>
                    <tr class="success">
                        <td class="center" width="20px"></td>
                        <td class="center table-checkbox" width="20px"></td>
                        <td class="hidden"> 14 </td>
                        <td> Baxter </td>
                        <td> 1-281-147-5085 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Yellowknife+53067" target="_self" title="">Nulla Donec Non Associates</a> <span class="badge bg-color-greenLight">2</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 53067 </td>
                        <td> Yellowknife </td>
                        <td class="hidden"> 08/14/14 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px"></td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"></td>
                        <td class=""></td>
                        <td class=""></td>
                        <td class=""></td>
                        <td class=""></td>
                        <td class=""></td>
                        <td class="hidden"></td>
                    </tr>
                    <tr>
                        <td class="center" width="20px"></td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"></td>
                        <td class=""></td>
                        <td class=""></td>
                        <td class=""></td>
                        <td class=""></td>
                        <td class=""></td>
                        <td class="hidden"></td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 17 </td>
                        <td> Marah </td>
                        <td> 1-348-582-4041 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Nîmes+2128" target="_self" title="">Feugiat Ltd</a> <span class="badge bg-color-greenLight">5</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 2128 </td>
                        <td> Nîmes </td>
                        <td class="hidden"> 11/29/12 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 18 </td>
                        <td> Kiara </td>
                        <td> 1-570-428-6681 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Meeuwen+70483" target="_self" title="">Et Euismod Et Corp.</a> <span class="badge bg-color-greenLight">5</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 70483 </td>
                        <td> Meeuwen </td>
                        <td class="hidden"> 03/28/13 </td>
                    </tr>
                    <tr class="success">
                        <td class="center" width="20px"></td>
                        <td class="center table-checkbox" width="20px"></td>
                        <td class="hidden"> 19 </td>
                        <td> Brielle </td>
                        <td> 1-216-787-0056 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Mombaruzzo+19913" target="_self" title="">Quis Massa Mauris Institute</a> <span class="badge bg-color-greenLight">9</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 19913 </td>
                        <td> Mombaruzzo </td>
                        <td class="hidden"> 12/17/12 </td>
                    </tr>
                    <tr class="success">
                        <td class="center" width="20px"></td>
                        <td class="center table-checkbox" width="20px"></td>
                        <td class="hidden"> 20 </td>
                        <td> Kennedy </td>
                        <td> 1-997-154-9340 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Edmundston+3092FI" target="_self" title="">Quis Diam Pellentesque Institute</a> <span class="badge bg-color-greenLight">8</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 3092FI </td>
                        <td> Edmundston </td>
                        <td class="hidden"> 02/26/13 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 21 </td>
                        <td> Peter </td>
                        <td> 1-394-459-3833 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Ravenstein+27337" target="_self" title="">Mauris Eu Turpis Corporation</a> <span class="badge bg-color-greenLight">10</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 27337 </td>
                        <td> Ravenstein </td>
                        <td class="hidden"> 06/05/14 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 22 </td>
                        <td> Kibo </td>
                        <td> 1-162-467-7160 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Witney+30305" target="_self" title="">Massa LLP</a> <span class="badge bg-color-red">15</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 30305 </td>
                        <td> Witney </td>
                        <td class="hidden"> 08/20/14 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 23 </td>
                        <td> <span class="label label-info">Tanek</span> </td>
                        <td> 1-806-556-1897 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://facebook.com" target="_self" title="">Pharetra Nam Industries</a> <span class="badge bg-color-greenLight">3</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 84972 </td>
                        <td> Abbotsford </td>
                        <td class="hidden"> 05/03/14 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 24 </td>
                        <td> Guinevere </td>
                        <td> 1-850-940-6176 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Rio Grande+54983" target="_self" title="">Montes Nascetur Limited</a> <span class="badge bg-color-greenLight">2</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 54983 </td>
                        <td> Rio Grande </td>
                        <td class="hidden"> 02/24/14 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 25 </td>
                        <td> Ronan </td>
                        <td> 1-168-544-4394 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Pinkafeld+12167" target="_self" title="">Nunc Inc.</a> <span class="badge bg-color-red">11</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 12167 </td>
                        <td> Pinkafeld </td>
                        <td class="hidden"> 01/02/13 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 26 </td>
                        <td> Kasper </td>
                        <td> 1-153-221-5650 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Saint-G?ry+M9N 0N6" target="_self" title="">Rutrum Limited</a> <span class="badge bg-color-red">12</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> M9N 0N6 </td>
                        <td> Saint-G?ry </td>
                        <td class="hidden"> 04/03/14 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 27 </td>
                        <td> Otto </td>
                        <td> 1-894-944-5767 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Jauche+74552-602" target="_self" title="">Purus Maecenas Libero LLC</a> <span class="badge bg-color-greenLight">6</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 74552-602 </td>
                        <td> Jauche </td>
                        <td class="hidden"> 11/17/13 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 28 </td>
                        <td> Brenda </td>
                        <td> 1-783-562-8563 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Llandrindod Wells+15632" target="_self" title="">Sit Consulting</a> <span class="badge bg-color-greenLight">8</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 15632 </td>
                        <td> Llandrindod Wells </td>
                        <td class="hidden"> 08/13/14 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 29 </td>
                        <td> Laith </td>
                        <td> 1-482-317-8464 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Codó+P8L 2V5" target="_self" title="">Tellus Limited</a> <span class="badge bg-color-red">12</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> P8L 2V5 </td>
                        <td> Codó </td>
                        <td class="hidden"> 11/02/13 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 30 </td>
                        <td> Ella </td>
                        <td> 1-275-839-6518 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Lummen+V8L 7Y0" target="_self" title="">Tincidunt Inc.</a> <span class="badge bg-color-red">11</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> V8L 7Y0 </td>
                        <td> Lummen </td>
                        <td class="hidden"> 09/29/13 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 31 </td>
                        <td> Hanae </td>
                        <td> 1-339-661-4197 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=South Burlington+47931" target="_self" title="">Nunc Incorporated</a> <span class="badge bg-color-greenLight">3</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 47931 </td>
                        <td> South Burlington </td>
                        <td class="hidden"> 05/19/14 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 32 </td>
                        <td> Donna <span class="label label-success">active</span> </td>
                        <td> 1-236-575-1365 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Baranello+78685" target="_self" title="">Ultricies Sem Incorporated</a> <span class="badge bg-color-red">14</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 78685 </td>
                        <td> Baranello </td>
                        <td class="hidden"> 02/19/13 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 33 </td>
                        <td> Bevis </td>
                        <td> 1-955-717-0835 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Ichtegem+7424" target="_self" title="">Est Ac Inc.</a> <span class="badge bg-color-greenLight">9</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 7424 </td>
                        <td> Ichtegem </td>
                        <td class="hidden"> 08/15/13 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 34 </td>
                        <td> Celeste </td>
                        <td> 1-368-137-6285 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Portobuffolè+01318" target="_self" title="">Tortor Nibh Sit Inc.</a> <span class="badge bg-color-greenLight">2</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 01318 </td>
                        <td> Portobuffolè </td>
                        <td class="hidden"> 05/28/14 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 35 </td>
                        <td> Ila </td>
                        <td> 1-315-684-6122 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Keswick+4438PF" target="_self" title="">Gravida Sagittis Associates</a> <span class="badge bg-color-greenLight">8</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 4438PF </td>
                        <td> Keswick </td>
                        <td class="hidden"> 11/22/13 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 36 </td>
                        <td> Alana <span class="badge bg-color-greenLight">5</span> </td>
                        <td> 1-586-261-7830 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Bacabal+6044" target="_self" title="">Nullam Industries</a> <span class="badge bg-color-greenLight">9</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 6044 </td>
                        <td> Bacabal </td>
                        <td class="hidden"> 03/04/13 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 37 </td>
                        <td> Rowan </td>
                        <td> 1-782-168-2387 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Papasidero+33000" target="_self" title="">Aliquet Consulting</a> <span class="badge bg-color-greenLight">10</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 33000 </td>
                        <td> Papasidero </td>
                        <td class="hidden"> 02/06/14 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 38 </td>
                        <td> Eric </td>
                        <td> 1-161-390-1140 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Moliterno+5652" target="_self" title="">Odio Institute</a> <span class="badge bg-color-greenLight">1</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 5652 </td>
                        <td> Moliterno </td>
                        <td class="hidden"> 03/14/13 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 39 </td>
                        <td> Dana </td>
                        <td> 1-989-320-2205 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Saint-Pierre+X31 1HZ" target="_self" title="">Bibendum Fermentum Institute</a> <span class="badge bg-color-red">14</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> X31 1HZ </td>
                        <td> Saint-Pierre </td>
                        <td class="hidden"> 02/25/13 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 40 </td>
                        <td> Karleigh </td>
                        <td> 1-218-513-8714 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Fresno+1356" target="_self" title="">Duis Volutpat Inc.</a> <span class="badge bg-color-red">15</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 1356 </td>
                        <td> Fresno </td>
                        <td class="hidden"> 06/09/14 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 41 </td>
                        <td> Malik </td>
                        <td> 1-869-972-9871 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Roxboro+V3Y 0P0" target="_self" title="">Praesent Luctus Curabitur Limited</a> <span class="badge bg-color-greenLight">10</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> V3Y 0P0 </td>
                        <td> Roxboro </td>
                        <td class="hidden"> 05/09/14 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 42 </td>
                        <td> May </td>
                        <td> 1-462-220-8205 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Mold+4765" target="_self" title="">Suspendisse Dui LLP</a> <span class="badge bg-color-red">12</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 4765 </td>
                        <td> Mold </td>
                        <td class="hidden"> 06/15/13 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 43 </td>
                        <td> Alan </td>
                        <td> 1-478-769-3709 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Norfolk+7354AC" target="_self" title="">Suspendisse Inc.</a> <span class="badge bg-color-greenLight">5</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 7354AC </td>
                        <td> Norfolk </td>
                        <td class="hidden"> 03/09/14 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 44 </td>
                        <td> Anastasia </td>
                        <td> 1-589-358-5285 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Montbliart+33244" target="_self" title="">Mus Proin Institute</a> <span class="badge bg-color-red">14</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 33244 </td>
                        <td> Montbliart </td>
                        <td class="hidden"> 06/18/14 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 45 </td>
                        <td> Yardley </td>
                        <td> 1-422-907-2926 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Évreux+88531" target="_self" title="">Urna Et LLP</a> <span class="badge bg-color-greenLight">1</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 88531 </td>
                        <td> Évreux </td>
                        <td class="hidden"> 05/23/14 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 46 </td>
                        <td> Oscar </td>
                        <td> 1-476-548-4758 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Burlington+T5Z 4YS" target="_self" title="">Nunc Id Enim Institute</a> <span class="badge bg-color-red">15</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> T5Z 4YS </td>
                        <td> Burlington </td>
                        <td class="hidden"> 08/26/14 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 47 </td>
                        <td> Hasad </td>
                        <td> 1-397-946-7346 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Savona+2307HU" target="_self" title="">Auctor Nunc Corp.</a> <span class="badge bg-color-greenLight">1</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 2307HU </td>
                        <td> Savona </td>
                        <td class="hidden"> 10/29/13 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 48 </td>
                        <td> Mohammad </td>
                        <td> 1-984-931-7753 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Nadrin+4718" target="_self" title="">Ultricies Dignissim LLP</a> <span class="badge bg-color-greenLight">5</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 4718 </td>
                        <td> Nadrin </td>
                        <td class="hidden"> 12/08/13 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 49 </td>
                        <td> Nissim </td>
                        <td> 1-739-146-3150 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Veere+UX95 5JM" target="_self" title="">Lacus Ltd</a> <span class="badge bg-color-greenLight">5</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> UX95 5JM </td>
                        <td> Veere </td>
                        <td class="hidden"> 08/19/14 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 50 </td>
                        <td> Porter </td>
                        <td> 1-299-790-1428 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Montaldo Bormida+41708" target="_self" title="">Aliquam LLC</a> <span class="badge bg-color-greenLight">9</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 41708 </td>
                        <td> Montaldo Bormida </td>
                        <td class="hidden"> 11/02/12 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 51 </td>
                        <td> Sophia </td>
                        <td> 1-413-195-0820 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Doetinchem+83468" target="_self" title="">Viverra Maecenas Iaculis Ltd</a> <span class="badge bg-color-greenLight">6</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 83468 </td>
                        <td> Doetinchem </td>
                        <td class="hidden"> 09/28/13 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 52 </td>
                        <td> Acton </td>
                        <td> 1-855-937-9214 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Bad Oldesloe+1757" target="_self" title="">Vitae Sodales Company</a> <span class="badge bg-color-greenLight">1</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 1757 </td>
                        <td> Bad Oldesloe </td>
                        <td class="hidden"> 04/13/13 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 53 </td>
                        <td> Briar </td>
                        <td> 1-846-339-0222 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Caerphilly+51510" target="_self" title="">Congue Turpis In Limited</a> <span class="badge bg-color-red">15</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 51510 </td>
                        <td> Caerphilly </td>
                        <td class="hidden"> 02/06/13 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 54 </td>
                        <td> Benjamin </td>
                        <td> 1-828-436-8902 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Holyhead+4289GW" target="_self" title="">Aliquam Nec Enim Ltd</a> <span class="badge bg-color-greenLight">10</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 4289GW </td>
                        <td> Holyhead </td>
                        <td class="hidden"> 12/17/13 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 55 </td>
                        <td> Gregory </td>
                        <td> 1-782-119-9191 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Águas Lindas de Goiás+14531" target="_self" title="">A PC</a> <span class="badge bg-color-greenLight">8</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 14531 </td>
                        <td> Águas Lindas de Goiás </td>
                        <td class="hidden"> 04/11/14 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 56 </td>
                        <td> Marny </td>
                        <td> 1-255-275-2769 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Montaldo Bormida+41706" target="_self" title="">Malesuada Institute</a> <span class="badge bg-color-red">13</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 41706 </td>
                        <td> Montaldo Bormida </td>
                        <td class="hidden"> 12/19/13 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 57 </td>
                        <td> Indira </td>
                        <td> 1-215-687-1488 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Lorient+42010" target="_self" title="">Augue Id Ante PC</a> <span class="badge bg-color-red">12</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 42010 </td>
                        <td> Lorient </td>
                        <td class="hidden"> 09/02/13 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 58 </td>
                        <td> Fleur </td>
                        <td> 1-309-181-4794 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Valleyview+ZD4H 3NF" target="_self" title="">Libero Donec Consectetuer Corp.</a> <span class="badge bg-color-greenLight">1</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> ZD4H 3NF </td>
                        <td> Valleyview </td>
                        <td class="hidden"> 01/13/14 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 59 </td>
                        <td> Fulton </td>
                        <td> 1-380-339-9492 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Blois+01154" target="_self" title="">Vulputate LLP</a> <span class="badge bg-color-red">12</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 01154 </td>
                        <td> Blois </td>
                        <td class="hidden"> 04/16/13 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 60 </td>
                        <td> Arsenio </td>
                        <td> 1-794-184-3132 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Foligno+91908" target="_self" title="">Nec Diam Duis Ltd</a> <span class="badge bg-color-red">14</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 91908 </td>
                        <td> Foligno </td>
                        <td class="hidden"> 05/24/13 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 61 </td>
                        <td> Jaden </td>
                        <td> 1-979-292-4559 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Bertogne+2724" target="_self" title="">Vestibulum Ante Industries</a> <span class="badge bg-color-red">11</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 2724 </td>
                        <td> Bertogne </td>
                        <td class="hidden"> 06/16/14 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 62 </td>
                        <td> Kylie </td>
                        <td> 1-900-819-9083 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Scandriglia+E6R 8N1" target="_self" title="">Arcu Vestibulum Ut Incorporated</a> <span class="badge bg-color-greenLight">6</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> E6R 8N1 </td>
                        <td> Scandriglia </td>
                        <td class="hidden"> 03/19/14 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 63 </td>
                        <td> Melyssa </td>
                        <td> 1-911-370-2794 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Frauenkirchen+37293" target="_self" title="">Pede Sagittis Augue Ltd</a> <span class="badge bg-color-red">14</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 37293 </td>
                        <td> Frauenkirchen </td>
                        <td class="hidden"> 08/31/13 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 64 </td>
                        <td> Jerry </td>
                        <td> 1-501-422-6929 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Nossegem+9024" target="_self" title="">Nonummy Ut Molestie LLP</a> <span class="badge bg-color-red">13</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 9024 </td>
                        <td> Nossegem </td>
                        <td class="hidden"> 07/22/13 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 65 </td>
                        <td> Rhiannon </td>
                        <td> 1-188-451-3938 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=College+12283" target="_self" title="">Elit Pellentesque Consulting</a> <span class="badge bg-color-greenLight">3</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 12283 </td>
                        <td> College </td>
                        <td class="hidden"> 08/16/14 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 66 </td>
                        <td> Price </td>
                        <td> 1-769-162-9068 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Villata+6843" target="_self" title="">Vitae Erat Vivamus Corp.</a> <span class="badge bg-color-greenLight">5</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 6843 </td>
                        <td> Villata </td>
                        <td class="hidden"> 08/18/14 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 67 </td>
                        <td> Ginger </td>
                        <td> 1-263-395-0268 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Rodengo/Rodeneck+1979" target="_self" title="">Ligula Institute</a> <span class="badge bg-color-greenLight">8</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 1979 </td>
                        <td> Rodengo/Rodeneck </td>
                        <td class="hidden"> 06/14/13 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 68 </td>
                        <td> Britanney </td>
                        <td> 1-121-616-0992 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Queanbeyan+07095" target="_self" title="">Nec Diam LLP</a> <span class="badge bg-color-greenLight">9</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 07095 </td>
                        <td> Queanbeyan </td>
                        <td class="hidden"> 09/01/13 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 69 </td>
                        <td> Wylie </td>
                        <td> 1-736-996-8984 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Fauglia+7587LK" target="_self" title="">Arcu Industries</a> <span class="badge bg-color-greenLight">8</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 7587LK </td>
                        <td> Fauglia </td>
                        <td class="hidden"> 01/24/13 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 70 </td>
                        <td> Holly </td>
                        <td> 1-210-117-9053 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Dortmund+9053" target="_self" title="">Adipiscing Incorporated</a> <span class="badge bg-color-greenLight">4</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 9053 </td>
                        <td> Dortmund </td>
                        <td class="hidden"> 04/21/13 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 71 </td>
                        <td> Althea </td>
                        <td> 1-525-409-7849 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Qualicum Beach+20125" target="_self" title="">Vel Company</a> <span class="badge bg-color-greenLight">8</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 20125 </td>
                        <td> Qualicum Beach </td>
                        <td class="hidden"> 09/27/13 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 72 </td>
                        <td> Quintessa </td>
                        <td> 1-947-731-6466 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Llandrindod Wells+3260" target="_self" title="">Nunc Interdum Foundation</a> <span class="badge bg-color-greenLight">5</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 3260 </td>
                        <td> Llandrindod Wells </td>
                        <td class="hidden"> 04/06/13 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 73 </td>
                        <td> Fitzgerald </td>
                        <td> 1-725-747-2841 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Manchester+01688-439" target="_self" title="">Torquent Associates</a> <span class="badge bg-color-greenLight">10</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 01688-439 </td>
                        <td> Manchester </td>
                        <td class="hidden"> 02/06/14 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 74 </td>
                        <td> Keefe </td>
                        <td> 1-672-945-4291 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Hillsboro+73231" target="_self" title="">Mollis Dui PC</a> <span class="badge bg-color-greenLight">5</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 73231 </td>
                        <td> Hillsboro </td>
                        <td class="hidden"> 06/24/13 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 75 </td>
                        <td> Rudyard </td>
                        <td> 1-504-162-2567 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Kimberly+Xxxx" target="_self" title="">Ipsum Curabitur Consequat Foundation</a> <span class="badge bg-color-red">14</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> Xxxx </td>
                        <td> Kimberly </td>
                        <td class="hidden"> 12/12/13 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 76 </td>
                        <td> Kareem </td>
                        <td> 1-716-663-9703 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Legal+2707" target="_self" title="">In Ltd</a> <span class="badge bg-color-greenLight">5</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 2707 </td>
                        <td> Legal </td>
                        <td class="hidden"> 01/29/14 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 77 </td>
                        <td> Genevieve </td>
                        <td> 1-361-358-3030 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Crieff+4995" target="_self" title="">Mi PC</a> <span class="badge bg-color-red">11</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 4995 </td>
                        <td> Crieff </td>
                        <td class="hidden"> 04/25/13 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 78 </td>
                        <td> Wang </td>
                        <td> 1-806-922-8622 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Rudiano+1850UC" target="_self" title="">Lacinia Vitae Corporation</a> <span class="badge bg-color-red">13</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 1850UC </td>
                        <td> Rudiano </td>
                        <td class="hidden"> 04/05/14 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 79 </td>
                        <td> Odessa </td>
                        <td> 1-983-915-7779 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Siddi+L2M 1L6" target="_self" title="">Dolor Donec Corporation</a> <span class="badge bg-color-red">12</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> L2M 1L6 </td>
                        <td> Siddi </td>
                        <td class="hidden"> 01/05/13 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 80 </td>
                        <td> Adrienne </td>
                        <td> 1-771-540-3805 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Lincoln+2116" target="_self" title="">Eu Lacus Incorporated</a> <span class="badge bg-color-red">14</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 2116 </td>
                        <td> Lincoln </td>
                        <td class="hidden"> 09/13/14 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 81 </td>
                        <td> Charity </td>
                        <td> 1-749-804-8328 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Haverfordwest+14470-440" target="_self" title="">Aenean Sed Pede Foundation</a> <span class="badge bg-color-greenLight">8</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 14470-440 </td>
                        <td> Haverfordwest </td>
                        <td class="hidden"> 08/01/13 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 82 </td>
                        <td> Kieran </td>
                        <td> 1-333-507-3878 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Croydon+W3C 3PM" target="_self" title="">Malesuada Ut Sem Corp.</a> <span class="badge bg-color-greenLight">5</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> W3C 3PM </td>
                        <td> Croydon </td>
                        <td class="hidden"> 10/30/13 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 83 </td>
                        <td> Alika </td>
                        <td> 1-544-422-1437 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Plymouth+Xxxx" target="_self" title="">Integer Tincidunt Company</a> <span class="badge bg-color-greenLight">2</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> Xxxx </td>
                        <td> Plymouth </td>
                        <td class="hidden"> 12/26/12 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 84 </td>
                        <td> Shay </td>
                        <td> 1-530-583-8669 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=College+63260" target="_self" title="">Diam LLP</a> <span class="badge bg-color-greenLight">6</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 63260 </td>
                        <td> College </td>
                        <td class="hidden"> 08/20/14 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 85 </td>
                        <td> Cailin </td>
                        <td> 1-415-254-8139 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Jonqui?re+L3M 4R6" target="_self" title="">Placerat Eget Foundation</a> <span class="badge bg-color-greenLight">8</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> L3M 4R6 </td>
                        <td> Jonqui?re </td>
                        <td class="hidden"> 09/12/14 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 86 </td>
                        <td> Xena </td>
                        <td> 1-979-983-1456 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Angleur+09703-746" target="_self" title="">Tellus Eu Augue Associates</a> <span class="badge bg-color-red">13</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 09703-746 </td>
                        <td> Angleur </td>
                        <td class="hidden"> 05/21/13 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 87 </td>
                        <td> Walker </td>
                        <td> 1-380-277-2755 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Toronto+60019" target="_self" title="">Sollicitudin A Malesuada Corporation</a> <span class="badge bg-color-red">15</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 60019 </td>
                        <td> Toronto </td>
                        <td class="hidden"> 06/11/14 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 88 </td>
                        <td> Adena </td>
                        <td> 1-756-948-8416 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Stene+B7T 5X7" target="_self" title="">Diam Ltd</a> <span class="badge bg-color-greenLight">7</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> B7T 5X7 </td>
                        <td> Stene </td>
                        <td class="hidden"> 05/30/14 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 89 </td>
                        <td> Bradley </td>
                        <td> 1-800-808-3688 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Uppingham. Cottesmore+83932-949" target="_self" title="">Nunc Quis LLC</a> <span class="badge bg-color-greenLight">2</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 83932-949 </td>
                        <td> Uppingham. Cottesmore </td>
                        <td class="hidden"> 11/05/13 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 90 </td>
                        <td> Yvette </td>
                        <td> 1-843-923-0038 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Feira de Santana+47936" target="_self" title="">Eget Metus PC</a> <span class="badge bg-color-greenLight">4</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 47936 </td>
                        <td> Feira de Santana </td>
                        <td class="hidden"> 06/27/14 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 91 </td>
                        <td> Neil </td>
                        <td> 1-550-664-4050 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Corby+28842" target="_self" title="">Aenean Euismod LLP</a> <span class="badge bg-color-red">13</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 28842 </td>
                        <td> Corby </td>
                        <td class="hidden"> 07/27/14 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 92 </td>
                        <td> Hunter </td>
                        <td> 1-637-483-4408 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Cleveland+49338" target="_self" title="">In Nec Orci LLC</a> <span class="badge bg-color-greenLight">1</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 49338 </td>
                        <td> Cleveland </td>
                        <td class="hidden"> 01/15/13 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 93 </td>
                        <td> Marcia </td>
                        <td> 1-512-896-6301 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Quinte West+74123" target="_self" title="">Et Risus Industries</a> <span class="badge bg-color-greenLight">4</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 74123 </td>
                        <td> Quinte West </td>
                        <td class="hidden"> 09/30/13 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 94 </td>
                        <td> Lavinia </td>
                        <td> 1-222-745-5312 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Assiniboia+3531" target="_self" title="">Nulla Interdum Curabitur LLC</a> <span class="badge bg-color-red">15</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 3531 </td>
                        <td> Assiniboia </td>
                        <td class="hidden"> 01/12/13 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 95 </td>
                        <td> Cynthia </td>
                        <td> 1-392-134-2788 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Pagazzano+I27 5OS" target="_self" title="">Nunc Ut Erat Company</a> <span class="badge bg-color-greenLight">2</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> I27 5OS </td>
                        <td> Pagazzano </td>
                        <td class="hidden"> 05/20/13 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 96 </td>
                        <td> Lee </td>
                        <td> 1-128-816-7274 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Mazzano Romano+11386" target="_self" title="">Litora Torquent Per PC</a> <span class="badge bg-color-greenLight">4</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 11386 </td>
                        <td> Mazzano Romano </td>
                        <td class="hidden"> 04/18/14 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 97 </td>
                        <td> Linda </td>
                        <td> 1-546-735-8920 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Ferlach+64629" target="_self" title="">Dis Parturient Montes Associates</a> <span class="badge bg-color-greenLight">1</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 64629 </td>
                        <td> Ferlach </td>
                        <td class="hidden"> 03/29/14 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 98 </td>
                        <td> Wayne </td>
                        <td> 1-744-647-6144 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Memphis+Xxxx" target="_self" title="">In Industries</a> <span class="badge bg-color-greenLight">2</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> Xxxx </td>
                        <td> Memphis </td>
                        <td class="hidden"> 06/11/14 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 99 </td>
                        <td> Liberty </td>
                        <td> 1-841-489-1665 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Olivola+27504-649" target="_self" title="">Sed Sem Limited</a> <span class="badge bg-color-red">13</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 27504-649 </td>
                        <td> Olivola </td>
                        <td class="hidden"> 05/24/14 </td>
                    </tr>
                    <tr>
                        <td class="center" width="20px">
                            <a href="#" > <i class="fa fa-chevron-right fa-lg" data-toggle="row-detail" title="Show Details"></i> </a>
                        </td>
                        <td class="center table-checkbox" width="20px">
                            <label class="checkbox-inline">
                                <input type="checkbox" class="checkbox style-0" name="1[]" value="on" />
                                <span></span> 
                            </label>
                        </td>
                        <td class="hidden"> 100 </td>
                        <td> Cathleen </td>
                        <td> 1-883-567-6065 <span class="label label-success">active</span> </td>
                        <td> <i class="fa fa-external-link txt-color-red"></i> <a href="http://maps.google.com/maps?z=12&t=m&q=Rotheux-Rimi?re+4286" target="_self" title="">Eu Corporation</a> <span class="badge bg-color-greenLight">6</span> </td>
                        <td> <i class="fa fa-map-marker fa-md"></i> 4286 </td>
                        <td> Rotheux-Rimi?re </td>
                        <td class="hidden"> 07/16/13 </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>

JS Output

$(function() {

        		

                $(".desktop[data-rel='tooltip']").tooltip();

                $(".phone[data-rel='tooltip']").tooltip({placement: tooltip_placement});

                function tooltip_placement(context, source) {

                    var $source = $(source);

                    var $parent = $source.closest("table")

                    var off1 = $parent.offset();

                    var w1 = $parent.width();



                    var off2 = $source.offset();

                    var w2 = $source.width();



                    if( parseInt(off2.left) < parseInt(off1.left) + parseInt(w1 / 2) ) return "right";

                    return "left";

                }



                $("#test-table-id a i[data-toggle='row-detail']").on("click", function () {

                    var nTr = $(this).parents("tr")[0];

                    if ( oTable_4909ef8739a788323898d9908a4ca292.fnIsOpen(nTr) )

                    {

                        /* This row is already open - close it */

                        $(this).removeClass("fa-chevron-down").addClass("fa-chevron-right");

                        this.title = "Show Details";

                        oTable_4909ef8739a788323898d9908a4ca292.fnClose( nTr );

                    }

                    else

                    {

                        /* Open this row */

                        $(this).removeClass("fa-chevron-right").addClass("fa-chevron-down");

                        this.title = "Hide Details";

                        oTable_4909ef8739a788323898d9908a4ca292.fnOpen( nTr, fnFormatDetails(oTable_4909ef8739a788323898d9908a4ca292, nTr), "details" );

                    }

                    return false;

                });

                var oTable_4909ef8739a788323898d9908a4ca292 = $("#test-table-id").dataTable({

                    'fnCreatedRow' : function( nRow, aData, iDataIndex ) {

				                var cell = $("td:eq(7)", nRow);

				                var city = aData[7];

				                if ( city == "Abbotsford" || city == "Baranello" ) {

				                    cell.html(city + ' <span class="label label-info">great city</span>');

				                }

				            }, 'sDom' : "<'dt-toolbar'<'col-xs-6'f><'col-xs-6'T>r>"+

									"t"+

									"<'dt-toolbar-footer'<'col-xs-6'i><'col-xs-6'p>>", 'oTableTools' : {

					        	 "aButtons": [

					             "copy",

					             "csv",

					             "xls",

					                {

					                    "sExtends": "pdf",

					                    "sTitle": "SmartAdmin_PDF",

					                    "sPdfMessage": "SmartAdmin PDF Export",

					                    "sPdfSize": "letter"

					                },

					             	{

				                    	"sExtends": "print",

				                    	"sMessage": "Generated by SmartAdmin <i>(press Esc to close)</i>"

				                	}

					             ],

					            "sSwfPath": "js/plugin/datatables/swf/copy_csv_xls_pdf.swf"

					        },

                    

                    aoColumns: [

                        {"bSortable": false},

                        {"bSortable": false},

                        null, null, null, null, null, null, null

                    ],

                    aaSorting: [[3, 'desc']],



                });



                // remove pagination div row ? TO-DO



                $("#test-table-id_cols li label input[type=checkbox]").on("click", function() {

                    fnShowHideCol($(this).data("column-toggle"), $(this).prop("checked"));

                });



                function fnShowHideCol(iCol, bVis) {

                    /* Get the DataTables object again - this is not a recreation, just a get of the object */

                    //var bVis = oTable_4909ef8739a788323898d9908a4ca292.fnSettings().aoColumns[iCol].bVisible;

                    oTable_4909ef8739a788323898d9908a4ca292.fnSetColumnVis(iCol, bVis);

                }



                function fnFormatDetails ( oTable_4909ef8739a788323898d9908a4ca292, nTr ) {

                    var aData = oTable_4909ef8739a788323898d9908a4ca292.fnGetData( nTr );

                    return ' <div class="alert alert-warning fade in"> <i class="fa-fw fa fa-warning"></i> <strong>Warning</strong> The ID for '+aData[3]+' is #'+aData[2]+'. </div>';

                }



                $("#test-table-id th input:checkbox").on("click" , function(){

                    var that = this;

                    $(this).closest("table").find("tr > td input:checkbox").each(function(){

                        this.checked = that.checked;

                        //$(this).closest("tr").toggleClass("selected");

                    });

                });



                



                function getTypeFilters() {

					            var aSearchTypes = [];

					            $("input[data-status-filter]").each(function(index, value) {

					                if ($(this).prop("checked")) {

					                    var city = $(this).val();

					                    aSearchTypes.push(city);

					                }

					            })

					            return aSearchTypes;

					        }



					        $("input[data-status-filter]").on("click", function() {

					            var filters = getTypeFilters();

					            oTable_4909ef8739a788323898d9908a4ca292.fnFilter(filters.join("|"), 7, true, false);

					        })

        	});

SmartUI::DataTable Class

This is a basic usage of SmartUI's DataTable class. If you want to know more about the real HTML layout, click here

SmartUI::DataTable($data [, $options = array(), $title = '<h2>DataTable Result Set</h2>']);

Setup

$data = json_decode(file_get_contents(APP_URL."/data/data.json"));

$ui = new SmartUI;
$options = array(
    'checkboxes' => true,
    'row_details' => '
        <div class="alert alert-warning fade in">
            <i class="fa-fw fa fa-warning"></i>
            <strong>Warning</strong> The ID for {{Name}} is #{{ID}}.
        </div>'
);

$dt = $ui->create_datatable($data, $options, '<h2>My Datatable</h2>');
);

Usage

// setup a cell
$dt->cell('Name', 
    array(
        'url' => 'http://myapp.com/?profile={{ID}}' // you get other's cell value using "{{COLUMN_NAME}}"
    )
);

$dt->cell('Name', function($row, $value) {
    return 'http://myapp.com/?profile='.$row->ID // or use a callback to return "Name" column's custom content
});

// hide a column
$dt->hide('City', true);
// or ...
$dt->hidden(array('City'));

Print HTML!

$dt->print_html();

Print JS!

<script>
    <?php
        $dt->print_js();
    ?>
</script>

Property Reference

Below are the list of available properties for the class:

DataTable::cell

array of specified column name with string, closure or array value

$cell = array(
    'COLUMN_NAME' => array(
        'icon' => '',
        'content' => '',
        'color' => '',
        'url' => array( // can also be a direct string URL
            'href' => '',
            'target' => '',
            'title' => '',
            'attr' => ''
        )
    )
);

// sample call
$dt->cell(
    "Phone" => '{{Name}} - {{Phone}} <span class="label label-success">active</span>'
);
// or..
$dt->cell('Phone', function($row, $value) {
    return $row->Name.' - '.$value.' <span class="label label-success">active</span>';
});

DataTable::col

array of specified column name with string, closure or array value

$col = array(
    'COLUMN_NAME' => array( // can also be a closure, but you need to return same array structure. If string, it's default to the 'name' key
        'name' => '',
        'class' => '',
        'attr' => '',
        'icon' => '',
        'hidden' => false // or true
    )
);

// sample call
$dt->col('ID', array(
    'name' => 'ID #'
));

// or...
$dt->col('ID', 'ID #');

DataTable::options

array of options.

$options = array(
    "in_widget" => true,
    "row_details" => false,
    "checkboxes" => false,
    "static" => false,
    "paginate" => true
);

// sample call
$dt->options('in_widget', true)->options('checkboxes', true);

DataTable::data

array of object or array. This is the main datasource. It's recomended to set this up upon $ui->create_datatable($data);

DataTable::widget

SmartUI::Widget the main widget container of the table (if $options['in_widget'] == true). Check out Widget Class documentation here

DataTable::id

string of table's id (will create a unique id if not specified)

DataTable::row

array array of specified row index with array, closure or string values.

$row = array(2, array(
    "hidden" => false,
    "checkbox" => true,
    "detail" => true,
    "class" => "",
    "attr" => "",
    "content" => true
));

// sample call
$dt->row(2, array(
    'checkbox' => false,
    'deail' => true
))
// empty a row
$dt->row(3, '');
//hide a row
$dt->row(4, false);

DataTable::hidden

array of hidden columns

// sample call
$dt->hidden(array('Name', 'Zip'));

DataTable::hide

array of column names with bool values

// sample call
$dt->hide('Name', true)->hide('Zip', true)->hide('City', false);

DataTable::js

array of js custom properties

$js = array(
    'properties' => array(),
    'oTable' => '', // the oTable var
    'custom' => ''
)

// sample call
$dt->js('properties', array(
    'fnCreatedRow' => 'function( nRow, aData, iDataIndex ) {
        var cell = $("td:eq(7)", nRow);
        var city = aData[7];
        if ( city == "Abbotsford" || city == "Baranello" ) {
            cell.html(city + \' <span class="label label-info">great city</span>\');
        }
    }'
));

DataTable::sort

array of specified coumn name to be sorted

$sort = array('COLUMN_NAME', 'asc');

// sample call
$dt->sort('Name', 'asc');