In bootstrap 4 filtering looks like this

This is because lack of backward compatibility between bootstrap.
Following after docs
https://getbootstrap.com/docs/4.0/components/button-group/
New code of filter should looks like this
<div id="datatable-editable-filter" class="input-group">
<div class="input-group-prepend">
<div class="input-group-text">
<i class="fa fa-filter"></i>
</div>
</div>
<input class="reactive-table-input form-control" type="text" placeholder="Filter">
</div>
Now code looks like this and works in bootstrap 3.
<div id="datatable-editable-filter" class="input-group">
<span class="input-group-addon">
<i class="fa fa-filter"></i>
</span>
<input class="reactive-table-input form-control" type="text" placeholder="Filter">
</div>
I propose add number of bootstrap to config and in dependence of this change code.
Now I applied hack:
document.querySelector('#datatable-editable-filter span.input-group-addon').outerHTML = `
<div class="input-group-prepend">
<div class="input-group-text">
<i class="fa fa-filter"></i>
</div>
</div>
`
In bootstrap 4 filtering looks like this
This is because lack of backward compatibility between bootstrap.
Following after docs
New code of filter should looks like this
Now code looks like this and works in bootstrap 3.
I propose add number of bootstrap to config and in dependence of this change code.
Now I applied hack: