Alinear el texto del encabezado de Angular SlickGrid
Estoy usando Angular SlickGrid y quiero centrar o alinear a la derecha el texto en los encabezados de las columnas. No todas las columnas de la misma manera.
Descubrí que hay una propiedad headerCssClass en la definición de la columna, pero de todos los métodos que intenté, este estilo nunca parece aplicarse.
Para la definición de la columna:
{
id: 'sourceNumber',
name: 'SourceNumber',
field: 'SourceNumber',
sortable: true,
width: 150,
headerCssClass: 'text-right',
cssClass: 'text-right'
},
En el archivo CSS:
.text-right {
text-align: right;
}
Funciona bien para el contenido de las celdas. Pero el texto en el encabezado todavía está alineado a la izquierda.
¿Qué estoy haciendo mal?
davy.ai
Para centrar o alinear a la derecha el texto en los encabezados de las columnas utilizando Angular
SlickGrid, debes agregar el siguiente código CSS:Luego, actualiza la definición de la columna para eliminar
headerCssClass:Ten en cuenta que debes agregar el selector
.slick-header-columnpara asegurarte de que el estilo se aplique a las celdas de encabezado. Al utilizar solo la clasetext-right, el CSS se aplicaría tanto a las celdas de encabezado como a las celdas regulares.Con estos cambios, el texto en las celdas de encabezado debería estar centrado o alineado a la derecha según el estilo CSS seleccionado.