Share via

Procedimiento para dar formato al control DataGrid de formularios Windows Forms mediante el diseñador

  • Artículo

Nota

El control DataGridView reemplaza y agrega funcionalidad al control DataGrid; sin embargo, el control DataGrid se conserva a efectos de compatibilidad con versiones anteriores y uso futuro, en su caso. Para obtener más información, consulte Diferencias entre los controles DataGridView y DataGrid de formularios Windows Forms.

Aplicar colores diferentes a varias partes de un control DataGrid 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 según criterio propio.

Hay tres aspectos básicos a la hora de dar formato al control DataGrid:

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

  • A partir de ahí, 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 aparecen.

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

El procedimiento siguiente requiere un proyecto de Aplicación de Windows con un formulario que contenga un control DataGrid. Para obtener información sobre cómo configurar un proyecto de este tipo, vea Procedimiento para crear un proyecto de aplicación de Windows Forms y Procedimiento para agregar controles a Windows Forms. En Visual Studio 2005, el control DataGrid no está en el cuadro de herramientas de forma predeterminada. Para obtener más información, vea Procedimiento para agregar elementos al cuadro de herramientas.

Para establecer un estilo predeterminado del control DataGrid

  1. Seleccione el control DataGrid.

  2. En la ventana Propiedades, establezca las siguientes propiedades como corresponda.

    Propiedad Descripción
    AlternatingBackColor La propiedad BackColor define el color de las filas pares de la cuadrícula. Si la propiedad AlternatingBackColor se establece en un color diferente, cada fila alterna se configura con ese 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 propiedades BackColor y AlternatingBackColor determinan el color de las filas de la cuadrícula, la propiedad BackgroundColor determina el color del área fuera del área de fila, que solo es visible cuando la cuadrícula se desplaza hacia abajo, 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 de BorderStyle.
    CaptionBackColor Color de fondo del título de la ventana de la cuadrícula que aparece inmediatamente encima de la cuadrícula.
    CaptionFont Fuente del tí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 utilizada para mostrar texto en la cuadrícula.
    ForeColor Color de la fuente mostrada por los datos de las filas de la cuadrícula de datos.
    GridLineColor Color de las líneas de cuadrícula de la cuadrícula de datos.
    GridLineStyle Estilo de las líneas que separan las celdas de la cuadrícula, uno de los valores de enumeración de DataGridLineStyle.
    HeaderBackColor Color de fondo de los encabezados de fila y columna.
    HeaderFont Fuente usada en 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 los glifos de signo más (+) y 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 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 primarias.
    ParentRowsForeColor En una tabla secundaria, este es el color de primer plano de las filas primarias.
    ParentRowsLabelStyle Determina si los nombres de tabla y de columna se muestran en la fila primaria, mediante la enumeración DataGridParentRowsLabelStyle.
    PreferredColumnWidth Ancho predeterminado (en píxeles) de las columnas de la cuadrícula. Establezca esta propiedad antes de restablecer las propiedades DataSource y DataMember (ya sea por separado o a través del método SetDataBinding), o la propiedad no tendrá ningún efecto.

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

    La propiedad no se puede establecer en un valor menor que 0.
    RowHeaderWidth Ancho de los encabezados de fila de la cuadrícula.
    SelectionBackColor Cuando una fila o una celda se selecciona, este es el color de fondo.
    SelectionForeColor Cuando una fila o una celda se selecciona, 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 los colores (por ejemplo, rojo y verde). Use los colores disponibles en la paleta Colores del sistema para evitar este problema.

    El procedimiento siguiente requiere un control DataGrid enlazado a una tabla de datos. Para obtener más información, vea Procedimiento para enlazar el control DataGrid de Windows Forms a un origen de datos.

Para establecer el estilo de tabla y de 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 propiedad TableStyles y haga clic en el botón de puntos suspensivos (Botón de puntos suspensivos (...) en la ventana Propiedades de Visual Studio).

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

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

  4. Establezca la propiedad MappingName en el nombre de asignación de cada estilo de tabla.

    El nombre de asignación se usa para especificar qué estilo de tabla se debe usar con qué tabla.

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

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

    Con el Editor de la colección 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 de las columnas de datos.

    Nota

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

Consulte también