sábado, 31 de mayo de 2014

Setear ancho de columnas con jQuery

Lo que voy a hacer es achicar el ancho de la columna “Title”

image

Edito la página, y agrego un Script Editor

 

image

Agrego el siguiente script:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" type="text/javascript">
</script><script type="text/javascript">
$(function(){
    $(".ms-viewheadertr th:contains('Title')").css("width", "50px");
});       
</script>

Al guardar la página la columna Title quedo con ancho 50px

image

image

 

PD: te recomiendo que deshabilitar la feature Minimal Download Strategy. En el caso que no quieras deshabilitar esta feature, puedes agregar el link a la librería de jquery directamente en la master page:

http://www.gsoft.com/en/blog/sharepoint-2013-developing-with-the-new-mds-feature

image

No hay comentarios:

Publicar un comentario