CodeKhel

GitHub setup/Integration with VS code==> 1.  Download source release 2.23.0 for Windows from ==> https://git-scm.com/     A)  install in ==> c:\program files\git     B) deselect ==> windows explore integration     c) now finish install process 2. meanwhile create new 'Portfolio' name  repository in github.com 3. VS Code => open terminal window (ctrl+`) and check the git version by ==> git --version 4. Your Identity-  The first thing you should do when you install Git is to ==> set your user name and email address. A)  git config -- global user.name "vikas576" B)  git config -- global user.email viks******@gmail.com 4. If you want to check your configuration settings, you can use the ==>  git config --list  ******Upto this Git is installed into your VS Code and configured username and user email.***** How to add project from GitHub to Local System ?  Now we h...

Apply datatable tooltip to the datatable cell by jquery- if confliction with jquery-ui appear we are doing this by pageX and pageY event of jquery. and in this example we are also excluding last  td  of the datatable, means we are not implementing tooltip to the last td of the each tr. css==> <style> #tooltip {   position: absolute;   z-index: 1001;   display: none;   border: 2px solid #ebebeb;   border-radius: 5px;   padding: 10px;   color:#fff;   background-color: #e0ae22; } #newcasemarktable tbody tr{cursor: pointer;} </style> HTML==> <div class="container">     <div class="col-sm-12">         <div id="tooltip"></div>           <table id="newcasemarktable" class="display" style="width:100%">   put your datatable here          </table> </div>   </...

<script type="text/javascript"> $(document).ready(function() {     $('#newcasemarktable tbody tr').each( function() {        var sTitle = "Tooltip heading";         var nTds = $('td', this);                       this.setAttribute( 'title', sTitle );     } );         /* Init DataTables */     var newcasetable = $('#newcasemarktable').dataTable();         /* Apply the tooltips */     newcasetable.$('tr').tooltip( {         "delay": 0,         "track": true,         "fade": 250     } ); } ); </script> you may use .on method for draw.dt event ==> used for after loading dataTable data. $('#example').on( 'draw.dt', function () {     alert( 'Table redraw' ); } ); Download sample Code wi...

<script type="text/javascript"> $(document).ready(function(){ $("#example").DataTable(); $("#example tbody").on("click","tr",function(e){ alert("clicked on tr"); var cell=$(e.target).closest('td'); if(cell.index()==5 ){ alert("Dont Run"); } else{alert("Run"); } }); }); \*\\\\\\\\\\\\\\\\\\\\\\\\\\Or you may use following also\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*\ $(document).ready(function(){ $("#example").DataTable(); $("#example tbody").on("click","tr",function(e){ alert("clicked on tr"); var cell=$(e.target).closest('td'); if(cell.index()!= 5 ){  alert("Dont Run"); } }); }); </script> Download Demo Code