Compartir a través de

Cómo: Dar formato al control DataGrid de formularios Windows Forms mediante el Diseñador

Nota:

El DataGridView control reemplaza y agrega funcionalidad al DataGrid control; sin embargo, el DataGrid control se conserva tanto para la compatibilidad con versiones anteriores como para el uso futuro, si lo desea. Para obtener más información, consulte Diferencias entre los controles DataGridView y DataGrid de Windows Forms.

Aplicar diferentes colores a varias partes de un DataGrid control puede ayudar a facilitar la lectura e interpretación de la información. El color se puede aplicar a filas y columnas. Las filas y columnas también se pueden ocultar o mostrar a su discreción.

Hay tres aspectos básicos del formato del DataGrid control:

  • Puede establecer propiedades para establecer un estilo predeterminado en el que se muestran los datos.

  • A partir de esa base, puede personalizar la forma en que se muestran determinadas tablas en tiempo de ejecución.

  • Por último, puede modificar qué columnas se muestran en la cuadrícula de datos, así como los colores y otros formatos que se muestran.

Como paso inicial para dar formato a una cuadrícula de datos, puede establecer las propiedades del DataGrid propio . Estas opciones de color y formato forman una base a partir de la cual puede realizar cambios en función de las tablas de datos y columnas mostradas.

El procedimiento siguiente requiere un proyecto de aplicación de Windows con un formulario que contenga un DataGrid control . Para obtener información sobre cómo configurar este proyecto, vea How to: Create a Windows Forms application project (Cómo: Crear un proyecto de aplicación de Windows Forms ) y How to: Add Controls to Windows Forms (Cómo: Agregar controles a Windows Forms). En Visual Studio 2005, el DataGrid control no está en el Cuadro de herramientas de forma predeterminada. Para obtener más información, vea Cómo: Agregar elementos al cuadro de herramientas.

Para establecer un estilo predeterminado para el control DataGrid

  1. Seleccione el control DataGrid.

  2. En la ventana Propiedades , establezca las siguientes propiedades, según corresponda.

    Propiedad Descripción
    AlternatingBackColor La BackColor propiedad define el color de las filas pares de la cuadrícula. Al establecer la AlternatingBackColor propiedad en un color diferente, todas las demás filas se establecen en este nuevo color (filas 1, 3, 5, etc.).
    BackColor Color de fondo de las filas pares de la cuadrícula (filas 0, 2, 4, 6, etc.).
    BackgroundColor Mientras que las BackColor propiedades y AlternatingBackColor determinan el color de las filas de la cuadrícula, la BackgroundColor propiedad determina el color del área fuera del área de fila, que solo es visible cuando la cuadrícula se desplaza a la parte inferior, o si solo hay algunas filas contenidas en la cuadrícula.
    BorderStyle Estilo de borde de la cuadrícula, uno de los valores de enumeración BorderStyle.
    CaptionBackColor Color de fondo del título de la ventana de la cuadrícula que aparece inmediatamente encima de la cuadrícula.
    CaptionFont La fuente del rótulo en la parte superior de la cuadrícula.
    CaptionForeColor Color de fondo del título de la ventana de la cuadrícula.
    Font Fuente usada para mostrar el texto en la cuadrícula.
    ForeColor El color de la fuente con que se muestran los datos en las filas de la rejilla de datos.
    GridLineColor Color de las líneas de la cuadrícula de la tabla de datos.
    GridLineStyle Estilo de las líneas que separan las celdas de la cuadrícula, uno de los DataGridLineStyle valores de enumeración.
    HeaderBackColor Color de fondo de los encabezados de fila y columna.
    HeaderFont Fuente usada para los encabezados de columna.
    HeaderForeColor Color de primer plano de los encabezados de columna de la cuadrícula, incluido el texto del encabezado de columna y el signo más (+) y los glifos de signo menos (-) que expanden y contraen filas cuando se muestran varias tablas relacionadas.
    LinkColor Color del texto de todos los vínculos de la cuadrícula de datos, incluidos los vínculos a tablas secundarias, el nombre de la relación, etc.
    ParentRowsBackColor En una tabla secundaria, este es el color de fondo de las filas principales.
    ParentRowsForeColor En la tabla secundaria, este es el color de primer plano de las filas de la tabla principal.
    ParentRowsLabelStyle Determina si los nombres de tabla y columna se muestran en la fila principal, mediante la DataGridParentRowsLabelStyle enumeración.
    PreferredColumnWidth Ancho predeterminado (en píxeles) de las columnas de la cuadrícula. Establezca esta propiedad antes de restablecer las DataSource propiedades y DataMember (ya sea por separado o a través del SetDataBinding método ), o bien la propiedad no tendrá ningún efecto.

    La propiedad no se puede establecer en un valor inferior a 0.
    PreferredRowHeight Alto de fila (en píxeles) de las filas de la cuadrícula. Establezca esta propiedad antes de restablecer las DataSource propiedades y DataMember (ya sea por separado o a través del SetDataBinding método ), o bien la propiedad no tendrá ningún efecto.

    La propiedad no se puede establecer en un valor inferior a 0.
    RowHeaderWidth Ancho de los encabezados de fila de la cuadrícula.
    SelectionBackColor Cuando se selecciona una fila o celda, este es el color de fondo.
    SelectionForeColor Cuando se selecciona una fila o celda, este es el color de primer plano.

    Nota:

    Al personalizar los colores de los controles, es posible que el control sea inaccesible debido a una mala elección de color (por ejemplo, rojo y verde). Use los colores disponibles en la paleta Colores del sistema para evitar este problema.

    El procedimiento siguiente requiere un DataGrid control enlazado a una tabla de datos. Para obtener más información, consulte Cómo: Enlazar el control DataGrid de Windows Forms a una fuente de datos.

Para establecer el estilo de tabla y columna de una tabla de datos en tiempo de diseño

  1. Seleccione el control DataGrid en el formulario.

  2. En la ventana Propiedades, seleccione la TableStyles propiedad y haga clic en el botón Elipsis (el botón elipsis (...) en la ventana de propiedades de Visual Studio).

  3. En el cuadro de diálogo Editor de colección DataGridTableStyle , haga clic en Agregar para agregar un estilo de tabla a la colección.

    Con el Editor de colecciones DataGridTableStyle, puede agregar y quitar estilos de tabla, establecer propiedades de presentación y diseño y establecer el nombre de asignación para los estilos de tabla.

  4. Configure la MappingName propiedad para que coincida con el nombre de asignación correspondiente a cada estilo de tabla.

    El nombre de mapeo se usa para especificar qué estilo de tabla se debe usar en cuál tabla.

  5. En el Editor de Colección de DataGridTableStyle, seleccione la propiedad GridColumnStyles y haga clic en el botón de puntos suspensivos (el botón de puntos suspensivos (...) en la ventana de Propiedades de Visual Studio.)

  6. En el cuadro de diálogo Editor de colección de estilos de columna DataGridColumnStyle, agregue estilos de columna al estilo de tabla que creó.

    Con el Editor de colecciones DataGridColumnStyle, puede agregar y quitar estilos de columna, establecer propiedades de presentación y diseño, y establecer el nombre de asignación y las cadenas de formato para las columnas de datos.

    Nota:

    Para obtener más información sobre el formato de cadenas, vea Tipos de formato.

Consulte también