none
Cambiar ancho de columnas en GridView AutoGenerateColumns RRS feed

  • Pregunta

  • Hola a todos

    Tengo un GridView con la propiedad AutoGenerateColumns = True pues lo lleno con un Dataset, todo va bien pero no puedo cambiar el ancho de algunas de las columnas en ejecución, me da el error

    Index was out of range. Must be non-negative and less than the size of the collection.
    Parameter name: index

    he buscado y rebuscado y en todos los ejemplos se modifica el ancho con los que tienen definidas las columnas. Pregunto ¿ no se puede con AutoGenerateColumns  a True ?.

    Gracias, saludos

    viernes, 2 de junio de 2017 23:38

Respuestas

  • Gracias Elihu por tu respuesta

    Con eso hay un problema y es que como el GridView es AutoGenerateColumns = True y es un formulario web usando VS20013 las columnas en HTML se generan sin id ni clase. No obstante he buscado un poco mas y he encontrado la solución en CSS, explico. El gridview si tiene id=GridView1 por tanto en el .aspx en la sección de <style> agrego por ejemplo #GridView1 td:nth-child(1) { width: 100px; ... } y así le doy el formato que quiera a cada columna.

    Saludos

    • Marcado como respuesta Raimundo Ferrer sábado, 10 de junio de 2017 10:45
    sábado, 10 de junio de 2017 10:45

Todas las respuestas

  • Hola, 

    Buenas Tardes, puedes poner la propiedad llamada "Style="width:300px";" con esto puedes definir el tamaño de tu columna..

    te pongo un ejemplo completo

     <table id="Grid_Tickets" class="TablaUniversal" cellspacing="0" width="100%">
                                    <thead>
                                        <tr>
                                            <th style="width:3px;">Ticket</th>
                                            <th>Numero[Empleado]</th>
                                            <th>Actividad</th>
                                            <th>Proyecto</th>
                                            <th>Cliente</th>
                                            <th>Fecha[Inicio]</th>
                                            <th>Fecha[Cierre]</th>
                                            <th>Horas[Trabajadas]</th>
                                            <th>Acciones</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    </tbody>
                                </table>

    Saludos..

    viernes, 2 de junio de 2017 23:55
  • Gracias Elihu por tu respuesta

    Con eso hay un problema y es que como el GridView es AutoGenerateColumns = True y es un formulario web usando VS20013 las columnas en HTML se generan sin id ni clase. No obstante he buscado un poco mas y he encontrado la solución en CSS, explico. El gridview si tiene id=GridView1 por tanto en el .aspx en la sección de <style> agrego por ejemplo #GridView1 td:nth-child(1) { width: 100px; ... } y así le doy el formato que quiera a cada columna.

    Saludos

    • Marcado como respuesta Raimundo Ferrer sábado, 10 de junio de 2017 10:45
    sábado, 10 de junio de 2017 10:45