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>
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; }