Es posible que se puedan ir modificando los tamaños de las celdas de un datatable de jquery como lo hace la herramienta excel?
1 respuesta
Para cambiar el tamaño de las columnas podrías hacerlo a través de la funcion resizable de jquery ui, el siguiente ejemplo es muy básico pero te puede servir:
$('table th a').resizable({handles:'e'});
<script type="text/javascript" src="https://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript" src="https://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<link rel="stylesheet" type="text/css" href="https://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css">
<link rel="stylesheet" type="text/css" href="https://fiddle.jshell.net/css/result-light.css">
<style type="text/css">
table th a { display: block; }
td, th { border: solid; }
</style>
<table>
<tr>
<th><a href="#">Col 1</a></th>
<th><a href="#">Col 2</a></th>
<th><a href="#">Col 3</a></th>
<th><a href="#">Col 3</a></th>
</tr>
<tr>
<td>Dato 1</td>
<td>Dato 2</td>
<td>Dato 3</td>
<td>Dato 4</td>
</tr>
</table>
-
está muy bueno, pero solo puedo hacer un resize desde el encabezado? puedo tomar la linea desde cualquier fila? Commented el 20 abr. 2016 a las 20:07
-
Si es posible, sin embargo te recomiendo alguna librería para no hacerlo desde cero, por ejemplo podrías utilizar la siguiente libreria para jquery: bacubacu.com/colresizable Commented el 20 abr. 2016 a las 20:46