Bootstrap Table

HTML

<link rel="stylesheet" href="https://rawgit.com/wenzhixin/bootstrap-table/master/src/bootstrap-table.css">
<script src="https://rawgit.com/wenzhixin/bootstrap-table/master/src/bootstrap-table.js"></script>
<table id="users" class="display" width="100%" cellspacing="0">
        <thead>
            <tr>
                <th id="pID">ID</th>
                <th>Name</th>
                <th>Code</th>
                <th>Available</th>
            </tr>
        </thead>

        <tfoot>
            <tr>
                <th>ID</th>
                <th>Name</th>
                <th>Code</th>
                <th>Available</th>
            </tr>
        </tfoot>
    </table>

JavaScript

$(document).ready(function() {
    $('#users').dataTable( {
        "processing": true,
        "serverSide": true,
        "order":[[1,"asc"]],
        "ajax": "/cgi-bin/widgets"
    } );


    $("#users tr").click(function(){
      alert($(this).find("pID").val());
       });

} );