Datatables: удалить строку на стороне клиента

У меня есть приложение SpringBoot, которое использует таблицы данных, здесь мой datatable на шаблоне

   <table id = "example" class = "display" style = "width:100%">
                    <thead>
                    <tr>
                        <th>Position</th>
                        <th>Actions1</th>
                        <th>Actions2</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tbody>
                    <tr th:each = "pic: ${pics}" >
                        <td class = "col_name" >
                            <div class = "box small">
                                <img th:src = "${pic}"/>
                            </div>
                        </td>
                        <td class = "col_actions">
                            <a style = "color:#808080; margin-right: 10px;">
                                <input type = "radio" name = "${pic}"  th:field = "*{nadal}" th:value = "${pic}" >Nadal<br>
                            </a>
                        </td>
                        <td><button>Delete</button></td>
                    </tr>
                    </tbody>
                    <tfoot>
                    <tr>
                        <th>Position</th>
                        <th>Actions1</th>
                        <th>Actions2</th>
                    </tr>
                    </tfoot>
                </table>

и код javascript на той же странице:

<script type = "text/javascript">
  $(document).ready(function() {
    $('#example').DataTable({
      searching: false,
      paging: false
    }).on("click", "button", function(){
      alert('deleting row');
      console.info($(this).parent());
      table.row($(this).parents('tr')).remove().draw(false);
    });
  });
</script>

но когда я нажимаю, сервер отправляет форму