0

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 1

3

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>

2
  • 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

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.