Quiero ajustar manualmente las columnas de las tablas de datos en ciertos puntos de interrupción. Todo lo que quiero es mostrar todas las columnas en respuesta, pero solo ajustar el ancho de las columnas. ¿Es eso posible en tablas de datos?

Aquí está mi código de ejemplo:

 <table id="test_table" align="center"> <thead> <tr> <th>#</th> <th>Name</th> <th>Symbol</th> <th>Revenue</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>test name</td> <td>USD</td> <td>$21,000</td> </tr> </tbody> </table> <script> $('#test_table').DataTable({ ordering: false, scrollX: true, lengthMenu: [[10, 25, 50], [10, 50, 100]], language: { search: '', searchPlaceholder: "Search...", info: "Showing _END_ of _TOTAL_ entries", lengthMenu: "<b class='mr-8'>Rows</b> _MENU_ ", paginate: { next: '<i class="fas fa-chevron-right"></i>', previous: '<i class="fas fa-chevron-left"></i>' } }, columnDefs: [ { width: "120px", targets: 0 }, { width: "150px", targets: 1 }, { width: "120px", targets: [2, 3] }, ], }); </script>

Configuré mis columnas a un cierto ancho usando columnDefs en el escritorio. Entonces, lo que quiero es ajustarlo cuando alcance ciertos puntos de interrupción como este:

 /*Breakpoint - 767px */ columnDefs: [ { width: "40px", targets: 0 }, { width: "60px", targets: 1 }, { width: "90px", targets: [2, 3] }, ],

¿Es esto posible en tablas de datos? En caso afirmativo, ¿puede mostrarme algunos ejemplos para ayudarme a guiarlo? Soy nuevo en tablas de datos.