JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="sapp">
   
  <table width="60%" border="2">
      <thead>
          <th>name</th>
          <th>points</th>
          <th></th>
      </thead>
      
      <tr draggable><td><a  href="#">Drag</a></td><td>Asutosh</td><td>22</td></tr>
    <tr  draggable><td><a  href="#">Drag</a></td><td>Santosh</td><td>22</td></tr>
    <tr  draggable><td><a  href="#">Drag</a></td><td>Nirmal</td><td>32</td></tr>
   <tr  draggable><td><a  ng-href="">Drag</a></td><td>Tapas</td><td>134</td></tr>
   <tr  draggable><td><a  ng-href="">Drag</a></td><td>five</td><td>987</td></tr>
  </table>
</div>

JavaScript

var myapp=angular.module("sapp",[]);

myapp.directive("draggable",function(){
return {
		link: function(scope, elem, attr) {
            console.log("sfdfsha");
            var dragObj={};
                if (navigator.appVersion.indexOf("MSIE 9.") != -1) {
						dragObj=elem.find('a');
					} else {
						dragObj=elem;
					}
            dragObj.attr("draggable", true);
            dragObj.bind("dragstart", function(e) {
						console.log("started dragging");
          });
        }
};
});