<script src="https://code.jquery.com/jquery-3.1.0.js"></script><div id="tabs">

  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

  <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">

        <div class="col-md-12">

            <div id="table1">

              <table class="table">

                <thead>

                  <tr>

                    <th class="thcenter"><!--<a href="{{route('admin.projects.order', ['field' => 'id','order' => 'asc'])}}"><span class="glyphicon glyphicon-arrow-up" id="orderByIdAsc"></span></a>-->ID<!--<a href="{{route('admin.projects.order', ['field' => 'id','order' => 'desc'])}}"><span class="glyphicon glyphicon-arrow-down" id="orderByIdDesc"></span></a>--></th>

                    <th class="thcenter"><!--<a href="{{route('admin.projects.order', ['field' => 'slug','order' => 'asc'])}}"><span class="glyphicon glyphicon-arrow-up" id="orderBySlugAsc"></span></a>-->Visible<!--<a href="{{route('admin.projects.order',['field' => 'slug','order' => 'desc'])}}"><span class="glyphicon glyphicon-arrow-down" id="orderBySlugDown"></span></a>--></th>

                    <th><!--<a href="{{route('admin.projects.order', ['field' => 'order','order' => 'asc'])}}"><span class="glyphicon glyphicon-arrow-up" id="orderByOrderAsc"></span></a>-->Nombre<!--<a href="{{route('admin.projects.order', ['field' => 'order','order' => 'desc'])}}"><span class="glyphicon glyphicon-arrow-down" id="orderByOrderDesc"></span></a>--></th>

                    <th>Header</th>

                    <th>Home</th>

                    <th class="thcenter"><!--<a href="{{route('admin.projects.order', ['field' => 'public','order' => 'asc'])}}"><span class="glyphicon glyphicon-arrow-up" id="orderByPublicAsc"></span></a>-->Orden<!--<a href="{{route('admin.projects.order', ['field' => 'public','order' => 'desc'])}}"><span class="glyphicon glyphicon-arrow-down" id="orderByPublicDesc"></span></a>--></th>

                    <th><span class="glyphicon glyphicon-cog"></span>Acciones</th>

                  </tr>

                </thead>

​

                <tbody id="tbodyproject"> 

                    <tr id="id1" class="trdrag">

                      <td class="idrow tdcenter"><p id="margindata">1</p></td>

                      <td class="tdcenter"> 

                        <i class="fa fa-times" aria-hidden="true" id="margindata"></i>  

                      </td>

                      <td><p id="margindata">Slug</p></td>

                      <td><img src="http://via.placeholder.com/350x150" class="sizeheader"></td>

                      <td><img src="http://via.plom/350x150" class="sizehome"></td>

                      <td class="tdcenter"><p id="margindata">Order 1</p></td>

                        <td>

                      <form method="POST" action="{{route('admin.projects.destroy',$project->id)}}" onsubmit="return ConfirmarBorrar()">

                          <a href="#" class="btn btn-success btn-sm" id="margindata">Edit</a> 

                          <input type="submit" value="Delete" class="btn btn-danger btn-sm" id="margindata">

                          <input type="hidden" name="_token" value="Token 1">Delete

                          </form>

                      </td>

                    </tr>

                    <tr id="id2" class="trdrag">

                      <td class="idrow tdcenter"><p id="margindata">2</p></td>

                      <td class="tdcenter"> 

                        <i class="fa fa-times" aria-hidden="true" id="margindata"></i>  

                      </td>

                      <!--AQUI LE DI UN ESPACIO Y SE VE PERFECTAMENTE CUANDO SE HACE DRAG-->

                      <td class="name" width="50px"><p id="margindata">Sluggggg ggggggg</p></td>

                      <td><img src="http://via.placeholder.com/350x150" class="sizeheader"></td>

                      <td><img src="http://via.placeholder.com/350x150" class="sizehome"></td>

                      <td class="tdcenter"><p id="margindata">Order 2</p></td>

                            <td>

                      <form method="POST" action="{{route('admin.projects.destroy',$project->id)}}" onsubmit="return ConfirmarBorrar()">

                          <a href="#" class="btn btn-success btn-sm" id="margindata">Edit</a> 

                          <input type="submit" value="Delete" class="btn btn-danger btn-sm" id="margindata">

                          <input type="hidden" name="_token" value="Token 2">Delete

                      </form>

                             </td>

                    </tr>

                    <tr id="id3" class="trdrag">

                      <td class="idrow tdcenter"><p id="margindata">3</p></td>

                      <td class="tdcenter"> 

                        <i class="fa fa-times" aria-hidden="true" id="margindata"></i>  

                      </td>

                      <td><p id="margindata">Slug</p></td>

                      <td><img src="http://via.placeholder.com/350x150" class="sizeheader"></td>

                      <td><img src="http://via.placeholder.com/350x150" class="sizehome"></td>

                      <td class="tdcenter"><p id="margindata">Order 3</p></td>

                       <td>

                      <form method="POST" action="{{route('admin.projects.destroy',$project->id)}}" onsubmit="return ConfirmarBorrar()">

                          <a href="#" class="btn btn-success btn-sm" id="margindata">Edit</a> 

                          <input type="submit" value="Delete" class="btn btn-danger btn-sm" id="margindata">

                          <input type="hidden" name="_token" value="Token 3">Delete

                      </form>

                     </td>

                    </tr>

                </tbody>

              </table>

              <br><br>

            </div>

        </div>