Bootstrap Table - resizable via header

Bootstrap Table - resizable via header. Answer for http://stackoverflow.com/questions/35022314/bootstrap-table-resize-the-column-using-header, where questioned why official example didnt allow it

HTML

<link rel="stylesheet" href="https://rawgit.com/wenzhixin/bootstrap-table/master/src/bootstrap-table.css">
<script src="https://rawgit.com/wenzhixin/bootstrap-table/master/src/bootstrap-table.js"></script>
<script src="https://rawgit.com/wenzhixin/bootstrap-table/develop/src/extensions/resizable/bootstrap-table-resizable.js"></script>
<script src="https://rawgit.com/alvaro-prieto/colResizable/master/colResizable-1.6.js"></script>
 <table id="table" class="table table-hover table-striped"
                                   data-toggle="table"
                                   data-sort-name="creation-date"
                                   data-sort-order="desc"
                                   data-resizable="true"
                                   data-resize-mode="overflow"
                            >
                                <thead>
                                <tr>
                                    <th data-field="ddf-number" data-sortable="true" data-filter-control="input">N° DDF</th>
                                    <th data-field="creation-date" data-sortable="true" data-sorter="dateOrder" data-filter-control="input">Date création</th>
                                    <th data-field="type" data-sortable="true" data-filter-control="select">looooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooong column</th>
                                </tr>
                                </thead>
                                                                                                                                                                                                <tr>
                                                <td>5541</td>
                                                <td>30/06/2015</td>
                                                <td>client</td>
                                            </tr>
                                                                                               ...