<table id="example1" class="display nowrap">

                          <thead>

                          <tr>

                            <th>item1</th>

                            <th>item2</th>

                          </tr>

                          </thead>

                          <tbody>

                            <tr>

        <td>content item1 </td>

        <td><a href="#" class="delete" id="63" >delete</a></td>

                            </tr>

        </tbody>

        <table>

<script>

    $(document).ready(function()

    {

$(".delete").click(function()  {

           alert('works!');

          });

$('#example1').DataTable( {

        responsive: {

            details: {

                display: $.fn.dataTable.Responsive.display.modal( {

                    header: function ( row ) {

                        var data = row.data();

                        return 'Details for '+data[0]+' '+data[1];

                    }

                } ),

                renderer: $.fn.dataTable.Responsive.renderer.tableAll()

            }

        }

    } );

});

</script>

​