我想在datatable的搜索字段后面的同一行中添加一个额外的元素。
额外的元素只是一个按钮，它应该调用另一个函数来执行另一个任务。
有人能帮我做这件事吗？

<table id="example" class="table table-striped table-bordered" style="width:100%">
            <thead>
                <tr>
                    <th>Filière</th>
                    <th>Niveau</th>
                    <th>Période</th>
                    <th>Matière</th>
                    <th>Natude de la charge</th>
                    <th>Unité de volume</th>
                    <th>Volume</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>

            </tbody>
        </table>

--javascript--

$(document).ready(function () {
  $("#example").one("preInit.dt", function () {

    $button = $("<a><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"35\" height=\"35\" fill=\"#426DC4\" class=\"bi bi-plus-square-fill pl-1\" viewBox=\"0 1 16 16\"><path d=\"M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z\" /></svg ></a>");
    $("#example_filter label").append($button);
    $button.button();

  });
  $('#example').DataTable();
 });;