Quiero cambiar manualmente el tamaño de una columna de columna de tabla.

busque en Stack Overflow y probé

Cómo hacer que las columnas de datatables.js sean redimensionables con jQuery UI y jQuery UI Resize with table and colspans

y ejemplo de google, documentación oficial.

https://github.com/dobtco/jquery-resizable-columns & http://jsfiddle.net/Twisty/ah67jopf/3/

mi código de ejemplo

 <table id="examTbl" class="table table-bordered table-hover table-sm dataTable dtr-inline" data-resizable="true"> <thead> <tr> <th><input type="checkbox" id="chkbox"></th> <th>1</th> <th>2</th> </tr> </thead> </table> <style> table, td, th { /*table-layout:fixed;*/ overflow:hidden; white-space: nowrap; text-overflow: ellipsis; } </style>

Configuración de tablas de datos

 var table_option = { processing: true, serverSide: true, searching: false, responsive: true, dom: "lfBtip", ajax: { url: '/get/textVal' }, columns: [{ data: 'null', defaultContent: "<input type='checkbox' class='chkbox'>", }, { data: 'test1' }, { data: 'test2' }, ], autoWidth: false, drawCallback: function(settings) { $('table th').resizable({ handles: 'e', minWidth: 18, stop: function(e, ui) { $(this).width(ui.size.width); } }); } }