viernes, 10 de agosto de 2012

Ajustar ancho de columnas de SharePoint 2007 con jQuery

Probablemente se hayan encontrado con situaciones en donde las vistas estándar de listas de SharePoint no ajusten las columnas de la forma más adecuada a nuestras necesidades. A continuación les dejo un script en jQuery que permite ensanchar una columna en particular.

A tener en cuenta:

  • El script asume que la vista de la lista está en el elemento web con id "WebPartWPQ4"
  • Asume que la clase utilizada para el estilo de la vista es ".ms-summarystandardbody"
  • Asume que la columna a ensanchar es la 3 y que un 60% es aceptable
Pueden ajustar estos valores según sus necesidades o incluso crear una función más genérica.

Código jQuery:

function ajustar_estilo () {

    // Header
    $('#WebPartWPQ4 .ms-summarystandardbody .ms-viewheadertr th:eq(2)').css("width","60%"); 

    // Filas
      $('#WebPartWPQ4 .ms-summarystandardbody tbody > tr').each(function(index) {
        $(this).children("td").each(function(index2) {
            if (index2 == 2)  { 
                $(this).css("width","60%"); 
                }
               });
           });
}

Código a ser insertado en una CEWP:

<script type="text/javascript" src="/Internal/jquery142min.js"></script>
<script type="text/javascript" src="/Internal/ajustar_estilo.js"></script>

<script type="text/javascript">
 ajustar_estilo ();
</script>

Espero les resulte útil. Hasta la próxima!

0 comentarios:

Publicar un comentario en la entrada