File
Login or Register via GitHub
<html> <head> <script src="https://code.jquery.com/jquery-3.5.1.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script> <script src="https://cdn.datatables.net/1.11.4/js/jquery.dataTables.min.js"></script> <script src="https://cdn.datatables.net/1.11.4/js/dataTables.bootstrap5.min.js"></script> <script src="https://cdn.datatables.net/select/1.3.4/js/dataTables.select.min.js"></script> <script src="https://cdn.datatables.net/select/1.3.4/js/select.bootstrap5.min.js"></script> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"> <link href="https://cdn.datatables.net/1.11.4/css/dataTables.bootstrap5.min.css" rel="stylesheet" type="text/css" /> <!-- <link href="https://cdn.datatables.net/select/1.3.4/css/select.dataTables.min.css" rel="stylesheet" type="text/css" /> --> <link href="https://cdn.datatables.net/select/1.3.4/css/select.bootstrap5.css" rel="stylesheet" type="text/css" /> <meta charset=utf-8 /> <title>DataTables - JS Bin</title> </head> <body> <div class="container"> <table id="example" class="display nowrap" width="100%"> <thead> <tr> <th>Name</th> <th>Position</th> <th>SVG</th> <th>Age</th> <th>Start date</th> <th>Salary</th> </tr> </thead> <tfoot> <tr> <th>Name</th> <th>Position</th> <th>Office</th> <th>SVG</th> <th>Start date</th> <th>Salary</th> </tr> </tfoot> <tbody> <tr> <td>Tiger Nixon</td> <td>System Architect</td> <td>Edinburgh</td> <td class="dataTableSVG"><svg width="100" height="100" x="0" y="0" viewBox="0 0 322.487 240"font-family="sans-serif" stroke="rgb(0,0,0)" stroke-width="2" stroke-linecap="round"><line x1="271.2" y1="66.5" x2="247.8" y2="80.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="273.3" y1="70.1" x2="249.9" y2="83.6" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="269.1" y1="62.9" x2="245.7" y2="76.4" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="247.8" y1="80.0" x2="213.2" y2="100.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="211.7" y1="102.6" x2="177.1" y2="82.6" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="214.7" y1="97.4" x2="180.1" y2="77.4" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="178.6" y1="80.0" x2="143.9" y2="100.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="109.3" y1="160.0" x2="109.3" y2="187.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="74.6" y1="100.0" x2="51.3" y2="86.5" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="40.0" y1="67.0" x2="40.0" y2="53.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="74.6" y1="140.0" x2="51.3" y2="153.5" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="213.2" y1="100.0" x2="213.2" y2="140.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="213.2" y1="140.0" x2="213.2" y2="167.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="217.4" y1="140.0" x2="217.4" y2="167.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="209.0" y1="140.0" x2="209.0" y2="167.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="109.3" y1="160.0" x2="74.6" y2="140.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="74.6" y1="140.0" x2="74.6" y2="100.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="81.8" y1="134.0" x2="81.8" y2="106.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="74.6" y1="100.0" x2="109.3" y2="80.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="109.3" y1="80.0" x2="143.9" y2="100.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="110.9" y1="89.2" x2="135.1" y2="103.2" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="143.9" y1="100.0" x2="143.9" y2="140.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="143.9" y1="140.0" x2="109.3" y2="160.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="135.1" y1="136.8" x2="110.9" y2="150.8" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><text x="276.487113" y="68.000000" fill="rgb(12,12,255)" stroke-width="0" font-weight="bold" font-size="16" >N</text><text x="103.282032" y="208.000000" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >OH</text><text x="34.000000" y="88.000000" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >O</text><text x="36.000000" y="48.000000" fill="rgb(102,102,102)" stroke-width="0" font-weight="bold" font-size="16" >CH</text><text x="60.000000" y="51.680000" fill="rgb(102,102,102)" stroke-width="0" font-weight="bold" font-size="13" >3</text><text x="22.000000" y="168.000000" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >HO</text><text x="207.205081" y="188.000000" fill="rgb(12,12,255)" stroke-width="0" font-weight="bold" font-size="16" >N</text></td> <td>2011/04/25</td> <td>$3,120</td> </tr> <tr> <td>Garrett Winters</td> <td>Director</td> <td>Edinburgh</td> <td class="dataTableSVG"><svg width="100" height="100" x="0" y="0" viewBox="0 0 322.487 240"font-family="sans-serif" stroke="rgb(0,0,0)" stroke-width="2" stroke-linecap="round"><line x1="271.2" y1="66.5" x2="247.8" y2="80.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="273.3" y1="70.1" x2="249.9" y2="83.6" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="269.1" y1="62.9" x2="245.7" y2="76.4" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="247.8" y1="80.0" x2="213.2" y2="100.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="211.7" y1="102.6" x2="177.1" y2="82.6" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="214.7" y1="97.4" x2="180.1" y2="77.4" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="178.6" y1="80.0" x2="143.9" y2="100.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="109.3" y1="160.0" x2="109.3" y2="187.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="74.6" y1="100.0" x2="51.3" y2="86.5" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="40.0" y1="67.0" x2="40.0" y2="53.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="74.6" y1="140.0" x2="51.3" y2="153.5" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="213.2" y1="100.0" x2="213.2" y2="140.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="213.2" y1="140.0" x2="213.2" y2="167.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="217.4" y1="140.0" x2="217.4" y2="167.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="209.0" y1="140.0" x2="209.0" y2="167.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="109.3" y1="160.0" x2="74.6" y2="140.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="74.6" y1="140.0" x2="74.6" y2="100.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="81.8" y1="134.0" x2="81.8" y2="106.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="74.6" y1="100.0" x2="109.3" y2="80.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="109.3" y1="80.0" x2="143.9" y2="100.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="110.9" y1="89.2" x2="135.1" y2="103.2" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="143.9" y1="100.0" x2="143.9" y2="140.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="143.9" y1="140.0" x2="109.3" y2="160.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="135.1" y1="136.8" x2="110.9" y2="150.8" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><text x="276.487113" y="68.000000" fill="rgb(12,12,255)" stroke-width="0" font-weight="bold" font-size="16" >N</text><text x="103.282032" y="208.000000" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >OH</text><text x="34.000000" y="88.000000" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >O</text><text x="36.000000" y="48.000000" fill="rgb(102,102,102)" stroke-width="0" font-weight="bold" font-size="16" >CH</text><text x="60.000000" y="51.680000" fill="rgb(102,102,102)" stroke-width="0" font-weight="bold" font-size="13" >3</text><text x="22.000000" y="168.000000" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >HO</text><text x="207.205081" y="188.000000" fill="rgb(12,12,255)" stroke-width="0" font-weight="bold" font-size="16" >N</text></td> <td>2011/07/25</td> <td>$5,300</td> </tr> <tr> <td>Ashton Cox</td> <td>Technical Author</td> <td>San Francisco</td> <td class="dataTableSVG"><svg width="100" height="100" x="0" y="0" viewBox="0 0 322.487 240"font-family="sans-serif" stroke="rgb(0,0,0)" stroke-width="2" stroke-linecap="round"><line x1="271.2" y1="66.5" x2="247.8" y2="80.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="273.3" y1="70.1" x2="249.9" y2="83.6" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="269.1" y1="62.9" x2="245.7" y2="76.4" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="247.8" y1="80.0" x2="213.2" y2="100.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="211.7" y1="102.6" x2="177.1" y2="82.6" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="214.7" y1="97.4" x2="180.1" y2="77.4" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="178.6" y1="80.0" x2="143.9" y2="100.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="109.3" y1="160.0" x2="109.3" y2="187.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="74.6" y1="100.0" x2="51.3" y2="86.5" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="40.0" y1="67.0" x2="40.0" y2="53.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="74.6" y1="140.0" x2="51.3" y2="153.5" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="213.2" y1="100.0" x2="213.2" y2="140.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="213.2" y1="140.0" x2="213.2" y2="167.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="217.4" y1="140.0" x2="217.4" y2="167.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="209.0" y1="140.0" x2="209.0" y2="167.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="109.3" y1="160.0" x2="74.6" y2="140.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="74.6" y1="140.0" x2="74.6" y2="100.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="81.8" y1="134.0" x2="81.8" y2="106.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="74.6" y1="100.0" x2="109.3" y2="80.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="109.3" y1="80.0" x2="143.9" y2="100.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="110.9" y1="89.2" x2="135.1" y2="103.2" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="143.9" y1="100.0" x2="143.9" y2="140.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="143.9" y1="140.0" x2="109.3" y2="160.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="135.1" y1="136.8" x2="110.9" y2="150.8" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><text x="276.487113" y="68.000000" fill="rgb(12,12,255)" stroke-width="0" font-weight="bold" font-size="16" >N</text><text x="103.282032" y="208.000000" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >OH</text><text x="34.000000" y="88.000000" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >O</text><text x="36.000000" y="48.000000" fill="rgb(102,102,102)" stroke-width="0" font-weight="bold" font-size="16" >CH</text><text x="60.000000" y="51.680000" fill="rgb(102,102,102)" stroke-width="0" font-weight="bold" font-size="13" >3</text><text x="22.000000" y="168.000000" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >HO</text><text x="207.205081" y="188.000000" fill="rgb(12,12,255)" stroke-width="0" font-weight="bold" font-size="16" >N</text></td> <td>2009/01/12</td> <td>$4,800</td> </tr> <tr> <td>Cedric Kelly</td> <td>Javascript Developer</td> <td>Edinburgh</td> <td class="dataTableSVG"><svg width="100" height="100" x="0" y="0" viewBox="0 0 322.487 240"font-family="sans-serif" stroke="rgb(0,0,0)" stroke-width="2" stroke-linecap="round"><line x1="271.2" y1="66.5" x2="247.8" y2="80.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="273.3" y1="70.1" x2="249.9" y2="83.6" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="269.1" y1="62.9" x2="245.7" y2="76.4" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="247.8" y1="80.0" x2="213.2" y2="100.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="211.7" y1="102.6" x2="177.1" y2="82.6" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="214.7" y1="97.4" x2="180.1" y2="77.4" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="178.6" y1="80.0" x2="143.9" y2="100.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="109.3" y1="160.0" x2="109.3" y2="187.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="74.6" y1="100.0" x2="51.3" y2="86.5" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="40.0" y1="67.0" x2="40.0" y2="53.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="74.6" y1="140.0" x2="51.3" y2="153.5" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="213.2" y1="100.0" x2="213.2" y2="140.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="213.2" y1="140.0" x2="213.2" y2="167.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="217.4" y1="140.0" x2="217.4" y2="167.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="209.0" y1="140.0" x2="209.0" y2="167.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="109.3" y1="160.0" x2="74.6" y2="140.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="74.6" y1="140.0" x2="74.6" y2="100.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="81.8" y1="134.0" x2="81.8" y2="106.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="74.6" y1="100.0" x2="109.3" y2="80.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="109.3" y1="80.0" x2="143.9" y2="100.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="110.9" y1="89.2" x2="135.1" y2="103.2" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="143.9" y1="100.0" x2="143.9" y2="140.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="143.9" y1="140.0" x2="109.3" y2="160.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="135.1" y1="136.8" x2="110.9" y2="150.8" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><text x="276.487113" y="68.000000" fill="rgb(12,12,255)" stroke-width="0" font-weight="bold" font-size="16" >N</text><text x="103.282032" y="208.000000" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >OH</text><text x="34.000000" y="88.000000" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >O</text><text x="36.000000" y="48.000000" fill="rgb(102,102,102)" stroke-width="0" font-weight="bold" font-size="16" >CH</text><text x="60.000000" y="51.680000" fill="rgb(102,102,102)" stroke-width="0" font-weight="bold" font-size="13" >3</text><text x="22.000000" y="168.000000" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >HO</text><text x="207.205081" y="188.000000" fill="rgb(12,12,255)" stroke-width="0" font-weight="bold" font-size="16" >N</text></td> <td>2012/03/29</td> <td>$3,600</td> </tr> <tr> <td>Jenna Elliott</td> <td>Financial Controller</td> <td>Edinburgh</td> <td class="dataTableSVG"><svg width="100" height="100" x="0" y="0" viewBox="0 0 322.487 240"font-family="sans-serif" stroke="rgb(0,0,0)" stroke-width="2" stroke-linecap="round"><line x1="271.2" y1="66.5" x2="247.8" y2="80.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="273.3" y1="70.1" x2="249.9" y2="83.6" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="269.1" y1="62.9" x2="245.7" y2="76.4" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="247.8" y1="80.0" x2="213.2" y2="100.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="211.7" y1="102.6" x2="177.1" y2="82.6" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="214.7" y1="97.4" x2="180.1" y2="77.4" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="178.6" y1="80.0" x2="143.9" y2="100.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="109.3" y1="160.0" x2="109.3" y2="187.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="74.6" y1="100.0" x2="51.3" y2="86.5" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="40.0" y1="67.0" x2="40.0" y2="53.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="74.6" y1="140.0" x2="51.3" y2="153.5" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="213.2" y1="100.0" x2="213.2" y2="140.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="213.2" y1="140.0" x2="213.2" y2="167.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="217.4" y1="140.0" x2="217.4" y2="167.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="209.0" y1="140.0" x2="209.0" y2="167.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="109.3" y1="160.0" x2="74.6" y2="140.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="74.6" y1="140.0" x2="74.6" y2="100.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="81.8" y1="134.0" x2="81.8" y2="106.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="74.6" y1="100.0" x2="109.3" y2="80.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="109.3" y1="80.0" x2="143.9" y2="100.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="110.9" y1="89.2" x2="135.1" y2="103.2" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="143.9" y1="100.0" x2="143.9" y2="140.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="143.9" y1="140.0" x2="109.3" y2="160.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="135.1" y1="136.8" x2="110.9" y2="150.8" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><text x="276.487113" y="68.000000" fill="rgb(12,12,255)" stroke-width="0" font-weight="bold" font-size="16" >N</text><text x="103.282032" y="208.000000" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >OH</text><text x="34.000000" y="88.000000" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >O</text><text x="36.000000" y="48.000000" fill="rgb(102,102,102)" stroke-width="0" font-weight="bold" font-size="16" >CH</text><text x="60.000000" y="51.680000" fill="rgb(102,102,102)" stroke-width="0" font-weight="bold" font-size="13" >3</text><text x="22.000000" y="168.000000" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >HO</text><text x="207.205081" y="188.000000" fill="rgb(12,12,255)" stroke-width="0" font-weight="bold" font-size="16" >N</text></td> <td>2008/11/28</td> <td>$5,300</td> </tr> <tr> <td>Brielle Williamson</td> <td>Integration Specialist</td> <td>New York</td> <td class="dataTableSVG"><svg width="100" height="100" x="0" y="0" viewBox="0 0 322.487 240"font-family="sans-serif" stroke="rgb(0,0,0)" stroke-width="2" stroke-linecap="round"><line x1="271.2" y1="66.5" x2="247.8" y2="80.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="273.3" y1="70.1" x2="249.9" y2="83.6" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="269.1" y1="62.9" x2="245.7" y2="76.4" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="247.8" y1="80.0" x2="213.2" y2="100.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="211.7" y1="102.6" x2="177.1" y2="82.6" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="214.7" y1="97.4" x2="180.1" y2="77.4" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="178.6" y1="80.0" x2="143.9" y2="100.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="109.3" y1="160.0" x2="109.3" y2="187.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="74.6" y1="100.0" x2="51.3" y2="86.5" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="40.0" y1="67.0" x2="40.0" y2="53.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="74.6" y1="140.0" x2="51.3" y2="153.5" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="213.2" y1="100.0" x2="213.2" y2="140.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="213.2" y1="140.0" x2="213.2" y2="167.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="217.4" y1="140.0" x2="217.4" y2="167.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="209.0" y1="140.0" x2="209.0" y2="167.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="109.3" y1="160.0" x2="74.6" y2="140.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="74.6" y1="140.0" x2="74.6" y2="100.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="81.8" y1="134.0" x2="81.8" y2="106.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="74.6" y1="100.0" x2="109.3" y2="80.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="109.3" y1="80.0" x2="143.9" y2="100.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="110.9" y1="89.2" x2="135.1" y2="103.2" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="143.9" y1="100.0" x2="143.9" y2="140.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="143.9" y1="140.0" x2="109.3" y2="160.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="135.1" y1="136.8" x2="110.9" y2="150.8" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><text x="276.487113" y="68.000000" fill="rgb(12,12,255)" stroke-width="0" font-weight="bold" font-size="16" >N</text><text x="103.282032" y="208.000000" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >OH</text><text x="34.000000" y="88.000000" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >O</text><text x="36.000000" y="48.000000" fill="rgb(102,102,102)" stroke-width="0" font-weight="bold" font-size="16" >CH</text><text x="60.000000" y="51.680000" fill="rgb(102,102,102)" stroke-width="0" font-weight="bold" font-size="13" >3</text><text x="22.000000" y="168.000000" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >HO</text><text x="207.205081" y="188.000000" fill="rgb(12,12,255)" stroke-width="0" font-weight="bold" font-size="16" >N</text></td> <td>2012/12/02</td> <td>$4,525</td> </tr> <tr> <td>Herrod Chandler</td> <td>Sales Assistant</td> <td>San Francisco</td> <td class="dataTableSVG"><svg width="100" height="100" x="0" y="0" viewBox="0 0 322.487 240"font-family="sans-serif" stroke="rgb(0,0,0)" stroke-width="2" stroke-linecap="round"><line x1="271.2" y1="66.5" x2="247.8" y2="80.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="273.3" y1="70.1" x2="249.9" y2="83.6" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="269.1" y1="62.9" x2="245.7" y2="76.4" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="247.8" y1="80.0" x2="213.2" y2="100.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="211.7" y1="102.6" x2="177.1" y2="82.6" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="214.7" y1="97.4" x2="180.1" y2="77.4" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="178.6" y1="80.0" x2="143.9" y2="100.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="109.3" y1="160.0" x2="109.3" y2="187.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="74.6" y1="100.0" x2="51.3" y2="86.5" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="40.0" y1="67.0" x2="40.0" y2="53.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="74.6" y1="140.0" x2="51.3" y2="153.5" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="213.2" y1="100.0" x2="213.2" y2="140.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="213.2" y1="140.0" x2="213.2" y2="167.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="217.4" y1="140.0" x2="217.4" y2="167.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="209.0" y1="140.0" x2="209.0" y2="167.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="109.3" y1="160.0" x2="74.6" y2="140.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="74.6" y1="140.0" x2="74.6" y2="100.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="81.8" y1="134.0" x2="81.8" y2="106.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="74.6" y1="100.0" x2="109.3" y2="80.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="109.3" y1="80.0" x2="143.9" y2="100.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="110.9" y1="89.2" x2="135.1" y2="103.2" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="143.9" y1="100.0" x2="143.9" y2="140.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="143.9" y1="140.0" x2="109.3" y2="160.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="135.1" y1="136.8" x2="110.9" y2="150.8" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><text x="276.487113" y="68.000000" fill="rgb(12,12,255)" stroke-width="0" font-weight="bold" font-size="16" >N</text><text x="103.282032" y="208.000000" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >OH</text><text x="34.000000" y="88.000000" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >O</text><text x="36.000000" y="48.000000" fill="rgb(102,102,102)" stroke-width="0" font-weight="bold" font-size="16" >CH</text><text x="60.000000" y="51.680000" fill="rgb(102,102,102)" stroke-width="0" font-weight="bold" font-size="13" >3</text><text x="22.000000" y="168.000000" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >HO</text><text x="207.205081" y="188.000000" fill="rgb(12,12,255)" stroke-width="0" font-weight="bold" font-size="16" >N</text></td> <td>2012/08/06</td> <td>$4,080</td> </tr> <tr> <td>Rhona Davidson</td> <td>Integration Specialist</td> <td>Edinburgh</td> <td class="dataTableSVG"><svg width="100" height="100" x="0" y="0" viewBox="0 0 322.487 240"font-family="sans-serif" stroke="rgb(0,0,0)" stroke-width="2" stroke-linecap="round"><line x1="271.2" y1="66.5" x2="247.8" y2="80.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="273.3" y1="70.1" x2="249.9" y2="83.6" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="269.1" y1="62.9" x2="245.7" y2="76.4" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="247.8" y1="80.0" x2="213.2" y2="100.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="211.7" y1="102.6" x2="177.1" y2="82.6" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="214.7" y1="97.4" x2="180.1" y2="77.4" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="178.6" y1="80.0" x2="143.9" y2="100.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="109.3" y1="160.0" x2="109.3" y2="187.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="74.6" y1="100.0" x2="51.3" y2="86.5" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="40.0" y1="67.0" x2="40.0" y2="53.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="74.6" y1="140.0" x2="51.3" y2="153.5" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="213.2" y1="100.0" x2="213.2" y2="140.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="213.2" y1="140.0" x2="213.2" y2="167.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="217.4" y1="140.0" x2="217.4" y2="167.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="209.0" y1="140.0" x2="209.0" y2="167.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="109.3" y1="160.0" x2="74.6" y2="140.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="74.6" y1="140.0" x2="74.6" y2="100.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="81.8" y1="134.0" x2="81.8" y2="106.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="74.6" y1="100.0" x2="109.3" y2="80.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="109.3" y1="80.0" x2="143.9" y2="100.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="110.9" y1="89.2" x2="135.1" y2="103.2" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="143.9" y1="100.0" x2="143.9" y2="140.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="143.9" y1="140.0" x2="109.3" y2="160.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="135.1" y1="136.8" x2="110.9" y2="150.8" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><text x="276.487113" y="68.000000" fill="rgb(12,12,255)" stroke-width="0" font-weight="bold" font-size="16" >N</text><text x="103.282032" y="208.000000" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >OH</text><text x="34.000000" y="88.000000" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >O</text><text x="36.000000" y="48.000000" fill="rgb(102,102,102)" stroke-width="0" font-weight="bold" font-size="16" >CH</text><text x="60.000000" y="51.680000" fill="rgb(102,102,102)" stroke-width="0" font-weight="bold" font-size="13" >3</text><text x="22.000000" y="168.000000" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >HO</text><text x="207.205081" y="188.000000" fill="rgb(12,12,255)" stroke-width="0" font-weight="bold" font-size="16" >N</text></td> <td>2010/10/14</td> <td>$6,730</td> </tr> <tr> <td>Colleen Hurst</td> <td>Javascript Developer</td> <td>San Francisco</td> <td class="dataTableSVG"><svg width="100" height="100" x="0" y="0" viewBox="0 0 322.487 240"font-family="sans-serif" stroke="rgb(0,0,0)" stroke-width="2" stroke-linecap="round"><line x1="271.2" y1="66.5" x2="247.8" y2="80.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="273.3" y1="70.1" x2="249.9" y2="83.6" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="269.1" y1="62.9" x2="245.7" y2="76.4" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="247.8" y1="80.0" x2="213.2" y2="100.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="211.7" y1="102.6" x2="177.1" y2="82.6" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="214.7" y1="97.4" x2="180.1" y2="77.4" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="178.6" y1="80.0" x2="143.9" y2="100.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="109.3" y1="160.0" x2="109.3" y2="187.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="74.6" y1="100.0" x2="51.3" y2="86.5" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="40.0" y1="67.0" x2="40.0" y2="53.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="74.6" y1="140.0" x2="51.3" y2="153.5" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="213.2" y1="100.0" x2="213.2" y2="140.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="213.2" y1="140.0" x2="213.2" y2="167.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="217.4" y1="140.0" x2="217.4" y2="167.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="209.0" y1="140.0" x2="209.0" y2="167.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="109.3" y1="160.0" x2="74.6" y2="140.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="74.6" y1="140.0" x2="74.6" y2="100.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="81.8" y1="134.0" x2="81.8" y2="106.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="74.6" y1="100.0" x2="109.3" y2="80.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="109.3" y1="80.0" x2="143.9" y2="100.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="110.9" y1="89.2" x2="135.1" y2="103.2" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="143.9" y1="100.0" x2="143.9" y2="140.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="143.9" y1="140.0" x2="109.3" y2="160.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="135.1" y1="136.8" x2="110.9" y2="150.8" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><text x="276.487113" y="68.000000" fill="rgb(12,12,255)" stroke-width="0" font-weight="bold" font-size="16" >N</text><text x="103.282032" y="208.000000" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >OH</text><text x="34.000000" y="88.000000" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >O</text><text x="36.000000" y="48.000000" fill="rgb(102,102,102)" stroke-width="0" font-weight="bold" font-size="16" >CH</text><text x="60.000000" y="51.680000" fill="rgb(102,102,102)" stroke-width="0" font-weight="bold" font-size="13" >3</text><text x="22.000000" y="168.000000" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >HO</text><text x="207.205081" y="188.000000" fill="rgb(12,12,255)" stroke-width="0" font-weight="bold" font-size="16" >N</text></td> <td>2009/09/15</td> <td>$5,000</td> </tr> <tr> <td>Sonya Frost</td> <td>Software Engineer</td> <td>Edinburgh</td> <td class="dataTableSVG"><svg width="100" height="100" x="0" y="0" viewBox="0 0 322.487 240"font-family="sans-serif" stroke="rgb(0,0,0)" stroke-width="2" stroke-linecap="round"><line x1="271.2" y1="66.5" x2="247.8" y2="80.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="273.3" y1="70.1" x2="249.9" y2="83.6" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="269.1" y1="62.9" x2="245.7" y2="76.4" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="247.8" y1="80.0" x2="213.2" y2="100.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="211.7" y1="102.6" x2="177.1" y2="82.6" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="214.7" y1="97.4" x2="180.1" y2="77.4" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="178.6" y1="80.0" x2="143.9" y2="100.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="109.3" y1="160.0" x2="109.3" y2="187.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="74.6" y1="100.0" x2="51.3" y2="86.5" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="40.0" y1="67.0" x2="40.0" y2="53.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="74.6" y1="140.0" x2="51.3" y2="153.5" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="213.2" y1="100.0" x2="213.2" y2="140.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="213.2" y1="140.0" x2="213.2" y2="167.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="217.4" y1="140.0" x2="217.4" y2="167.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="209.0" y1="140.0" x2="209.0" y2="167.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="109.3" y1="160.0" x2="74.6" y2="140.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="74.6" y1="140.0" x2="74.6" y2="100.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="81.8" y1="134.0" x2="81.8" y2="106.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="74.6" y1="100.0" x2="109.3" y2="80.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="109.3" y1="80.0" x2="143.9" y2="100.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="110.9" y1="89.2" x2="135.1" y2="103.2" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="143.9" y1="100.0" x2="143.9" y2="140.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="143.9" y1="140.0" x2="109.3" y2="160.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="135.1" y1="136.8" x2="110.9" y2="150.8" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><text x="276.487113" y="68.000000" fill="rgb(12,12,255)" stroke-width="0" font-weight="bold" font-size="16" >N</text><text x="103.282032" y="208.000000" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >OH</text><text x="34.000000" y="88.000000" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >O</text><text x="36.000000" y="48.000000" fill="rgb(102,102,102)" stroke-width="0" font-weight="bold" font-size="16" >CH</text><text x="60.000000" y="51.680000" fill="rgb(102,102,102)" stroke-width="0" font-weight="bold" font-size="13" >3</text><text x="22.000000" y="168.000000" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >HO</text><text x="207.205081" y="188.000000" fill="rgb(12,12,255)" stroke-width="0" font-weight="bold" font-size="16" >N</text></td> <td>2008/12/13</td> <td>$3,600</td> </tr> <tr> <td>Jena Gaines</td> <td>System Architect</td> <td>London</td> <td class="dataTableSVG"><svg width="100" height="100" x="0" y="0" viewBox="0 0 322.487 240"font-family="sans-serif" stroke="rgb(0,0,0)" stroke-width="2" stroke-linecap="round"><line x1="271.2" y1="66.5" x2="247.8" y2="80.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="273.3" y1="70.1" x2="249.9" y2="83.6" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="269.1" y1="62.9" x2="245.7" y2="76.4" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="247.8" y1="80.0" x2="213.2" y2="100.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="211.7" y1="102.6" x2="177.1" y2="82.6" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="214.7" y1="97.4" x2="180.1" y2="77.4" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="178.6" y1="80.0" x2="143.9" y2="100.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="109.3" y1="160.0" x2="109.3" y2="187.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="74.6" y1="100.0" x2="51.3" y2="86.5" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="40.0" y1="67.0" x2="40.0" y2="53.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="74.6" y1="140.0" x2="51.3" y2="153.5" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="213.2" y1="100.0" x2="213.2" y2="140.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="213.2" y1="140.0" x2="213.2" y2="167.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="217.4" y1="140.0" x2="217.4" y2="167.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="209.0" y1="140.0" x2="209.0" y2="167.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="109.3" y1="160.0" x2="74.6" y2="140.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="74.6" y1="140.0" x2="74.6" y2="100.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="81.8" y1="134.0" x2="81.8" y2="106.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="74.6" y1="100.0" x2="109.3" y2="80.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="109.3" y1="80.0" x2="143.9" y2="100.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="110.9" y1="89.2" x2="135.1" y2="103.2" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="143.9" y1="100.0" x2="143.9" y2="140.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="143.9" y1="140.0" x2="109.3" y2="160.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="135.1" y1="136.8" x2="110.9" y2="150.8" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><text x="276.487113" y="68.000000" fill="rgb(12,12,255)" stroke-width="0" font-weight="bold" font-size="16" >N</text><text x="103.282032" y="208.000000" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >OH</text><text x="34.000000" y="88.000000" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >O</text><text x="36.000000" y="48.000000" fill="rgb(102,102,102)" stroke-width="0" font-weight="bold" font-size="16" >CH</text><text x="60.000000" y="51.680000" fill="rgb(102,102,102)" stroke-width="0" font-weight="bold" font-size="13" >3</text><text x="22.000000" y="168.000000" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >HO</text><text x="207.205081" y="188.000000" fill="rgb(12,12,255)" stroke-width="0" font-weight="bold" font-size="16" >N</text></td> <td>2008/12/19</td> <td>$5,000</td> </tr> <tr> <td>Quinn Flynn</td> <td>Financial Controller</td> <td>Edinburgh</td> <td class="dataTableSVG"><svg width="100" height="100" x="0" y="0" viewBox="0 0 322.487 240"font-family="sans-serif" stroke="rgb(0,0,0)" stroke-width="2" stroke-linecap="round"><line x1="271.2" y1="66.5" x2="247.8" y2="80.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="273.3" y1="70.1" x2="249.9" y2="83.6" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="269.1" y1="62.9" x2="245.7" y2="76.4" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="247.8" y1="80.0" x2="213.2" y2="100.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="211.7" y1="102.6" x2="177.1" y2="82.6" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="214.7" y1="97.4" x2="180.1" y2="77.4" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="178.6" y1="80.0" x2="143.9" y2="100.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="109.3" y1="160.0" x2="109.3" y2="187.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="74.6" y1="100.0" x2="51.3" y2="86.5" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="40.0" y1="67.0" x2="40.0" y2="53.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="74.6" y1="140.0" x2="51.3" y2="153.5" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="213.2" y1="100.0" x2="213.2" y2="140.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="213.2" y1="140.0" x2="213.2" y2="167.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="217.4" y1="140.0" x2="217.4" y2="167.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="209.0" y1="140.0" x2="209.0" y2="167.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="109.3" y1="160.0" x2="74.6" y2="140.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="74.6" y1="140.0" x2="74.6" y2="100.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="81.8" y1="134.0" x2="81.8" y2="106.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="74.6" y1="100.0" x2="109.3" y2="80.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="109.3" y1="80.0" x2="143.9" y2="100.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="110.9" y1="89.2" x2="135.1" y2="103.2" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="143.9" y1="100.0" x2="143.9" y2="140.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="143.9" y1="140.0" x2="109.3" y2="160.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="135.1" y1="136.8" x2="110.9" y2="150.8" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><text x="276.487113" y="68.000000" fill="rgb(12,12,255)" stroke-width="0" font-weight="bold" font-size="16" >N</text><text x="103.282032" y="208.000000" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >OH</text><text x="34.000000" y="88.000000" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >O</text><text x="36.000000" y="48.000000" fill="rgb(102,102,102)" stroke-width="0" font-weight="bold" font-size="16" >CH</text><text x="60.000000" y="51.680000" fill="rgb(102,102,102)" stroke-width="0" font-weight="bold" font-size="13" >3</text><text x="22.000000" y="168.000000" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >HO</text><text x="207.205081" y="188.000000" fill="rgb(12,12,255)" stroke-width="0" font-weight="bold" font-size="16" >N</text></td> <td>2013/03/03</td> <td>$4,200</td> </tr> <tr> <td>Charde Marshall</td> <td>Regional Director</td> <td>San Francisco</td> <td class="dataTableSVG"><svg width="100" height="100" x="0" y="0" viewBox="0 0 322.487 240"font-family="sans-serif" stroke="rgb(0,0,0)" stroke-width="2" stroke-linecap="round"><line x1="271.2" y1="66.5" x2="247.8" y2="80.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="273.3" y1="70.1" x2="249.9" y2="83.6" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="269.1" y1="62.9" x2="245.7" y2="76.4" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="247.8" y1="80.0" x2="213.2" y2="100.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="211.7" y1="102.6" x2="177.1" y2="82.6" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="214.7" y1="97.4" x2="180.1" y2="77.4" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="178.6" y1="80.0" x2="143.9" y2="100.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="109.3" y1="160.0" x2="109.3" y2="187.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="74.6" y1="100.0" x2="51.3" y2="86.5" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="40.0" y1="67.0" x2="40.0" y2="53.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="74.6" y1="140.0" x2="51.3" y2="153.5" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="213.2" y1="100.0" x2="213.2" y2="140.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="213.2" y1="140.0" x2="213.2" y2="167.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="217.4" y1="140.0" x2="217.4" y2="167.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="209.0" y1="140.0" x2="209.0" y2="167.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="109.3" y1="160.0" x2="74.6" y2="140.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="74.6" y1="140.0" x2="74.6" y2="100.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="81.8" y1="134.0" x2="81.8" y2="106.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="74.6" y1="100.0" x2="109.3" y2="80.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="109.3" y1="80.0" x2="143.9" y2="100.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="110.9" y1="89.2" x2="135.1" y2="103.2" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="143.9" y1="100.0" x2="143.9" y2="140.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="143.9" y1="140.0" x2="109.3" y2="160.0" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><line x1="135.1" y1="136.8" x2="110.9" y2="150.8" opacity="1.0" stroke="rgb(0,0,0)" stroke-width="2.0"/><text x="276.487113" y="68.000000" fill="rgb(12,12,255)" stroke-width="0" font-weight="bold" font-size="16" >N</text><text x="103.282032" y="208.000000" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >OH</text><text x="34.000000" y="88.000000" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >O</text><text x="36.000000" y="48.000000" fill="rgb(102,102,102)" stroke-width="0" font-weight="bold" font-size="16" >CH</text><text x="60.000000" y="51.680000" fill="rgb(102,102,102)" stroke-width="0" font-weight="bold" font-size="13" >3</text><text x="22.000000" y="168.000000" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >HO</text><text x="207.205081" y="188.000000" fill="rgb(12,12,255)" stroke-width="0" font-weight="bold" font-size="16" >N</text></td> <td>2008/10/16</td> <td>$5,300</td> </tr> </tbody> </table> </div> </body></html>body { font: 90%/1.45em "Helvetica Neue", HelveticaNeue, Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; color: #333; background-color: #fff;}.dataTableSVG:active > svg { transform: scale(2.2); /*transform-origin: 100% 0%;*/ background-color: white; border: 1px solid; border-color: #999999; border-radius: 3px; box-shadow: 2px 2px #999999; /* To bring top */ position: relative; z-index: 9999 !important;}$(document).ready( function () { let tableOptions = { dom: 'rt', scrollX: true, scrollY: "60vh", }; var table = $('#example').DataTable(tableOptions);} );
You can jump to the latest bin by adding /latest to your URL
| Shortcut | Action |
|---|---|
| ctrl + [num] | Toggle nth panel |
| ctrl + 0 | Close focused panel |
| ctrl + enter | Re-render output. If console visible: run JS in console |
| Ctrl + l | Clear the console |
| ctrl + / | Toggle comment on selected lines |
| ctrl + [ | Indents selected lines |
| ctrl + ] | Unindents selected lines |
| tab | Code complete & Emmet expand |
| ctrl + s | Save & lock current Bin from further changes |
| ctrl + shift + s | Clone Bin |
| ctrl + y | Archive Bin |
Complete list of JS Bin shortcuts | |
| URL | Action |
|---|---|
| / | Show the full rendered output. This content will update in real time as it's updated from the /edit url. |
| /edit | Edit the current bin |
| /watch | Follow a Code Casting session |
| /embed | Create an embeddable version of the bin |
| /latest | Load the very latest bin (/latest goes in place of the revision) |
| /[username]/last | View the last edited bin for this user |
| /[username]/last/edit | Edit the last edited bin for this user |
| /[username]/last/watch | Follow the Code Casting session for the latest bin for this user |
| /quiet | Remove analytics and edit button from rendered output |
| .js | Load only the JavaScript for a bin |
| .css | Load only the CSS for a bin |
Except for username prefixed urls, the url may start with http://jsbin.com/abc and the url fragments can be added to the url to view it differently. | |