0
192
Visualizações¿Cómo arreglar el encabezado de la tabla?
cuando me desplazo/selecciono la fila y uso la flecha arriba/abajo para desplazarme, la fila va como se muestra en la imagen, pero cuando uso el mouse, todo funciona bien
CSS: -
#header-fixed { font-family: AvenirLTProBook; font-weight: normal; background: #1b212a; position: sticky; top: 0; box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4); font-size: 1px; }código:-
<thead > <tr id="header-fixed"> {headers.map(({ name, field }) => ( <th style={{borderRight: "1px solid rgb(105, 105, 105)"}} key={name} > {name} </th> ))} </tr> </thead>
·
Juan Pablo Isaza
1 Respostas
Responde à pergunta0
Prueba esto: aplica CSS a thead en lugar de tr
<thead id="header-fixed"> <tr> {headers.map(({ name, field }) => ( <th style={{borderRight: "1px solid rgb(105, 105, 105)"}} key={name} > {name} </th> ))} </tr> </thead>CSS
#header-fixed{ background-color: "any colour"; position: sticky; top: 0; }
·
Juan Pablo Isaza
Relatório
Responde à pergunta