New question

Question:

Date: 04-06-2019 07:36:59 (In Spanish)

¿Cómo dejar fijos los títulos de una tabla? position:fixed[Unresolved]

hola buen dia... tengo una tabla y quiero dejar los titulos del td fijos... pero cuando le pongo position:fixed para dejarlo quieto... no me abarca toda la pantalla y el texto se me corre.. y no he podido organizarlo.
        <thead class="titulo">
            <tr>
                <th>Fecha Ingreso</th>
                <th>Fecha Entrega</th>
                <th>Dias para Entregar</th>
                <th>Dias Atraso</th>
                <th>No Orden</td>
                <th>Estado Pedido</th>
                <th>Asesor</th>
                <th>Detalles</th>
                <th>Doc Entrega</th>
                <th>No Guia</th>
                <th>Transportadora</th>
            </tr>
        </thead>
Tags: Bootstrap - CMS - CSS - CSS3 - Development - Error - Form - HTML - HTML Table - HTML5 - Question Votes: 1 - Answers: 3 - Views: 15 Share on: Google Facebook Twitter LinkedIn Link
 

Answers:

  • Date: 04-06-2019 11:08:40 Saludos... primero debes poner el resultado dentro de un div que sea: position:relative;
    segundo, a cada td, debes darle un tamaño, al igual que en los titulos.
    tercero, debes dejar un margen superior para que el primer resultado no se sobreponga en los titulos "fixed"
    ejemplo:

    <div class="positionabsolute">
    <table class="table">
    <tr class="trfixed"><th class="fecha"></th><th class="nombre"></th><th class="otracosa"></th></tr>
    <tr><td class="fecha">04-Jun-2019</td><td class="nombre">Ernesto</td><td class="otracosa">Texto de otra cosa</td></tr>
    <tr><td class="fecha">04-Jun-2019</td><td class="nombre">Anacleto</td><td class="otracosa">Mas texto</td></tr>
    </table>
    </div>



    Saludos...

    Stryfe™
      Votes: 0 - Link answer
     
  • Date: 05-06-2019 05:26:54 nada no me funciona aun   Votes: 0 - Link answer
     
  • Date: 26-06-2019 05:57:44 Primero crear Css
    .tableFixHead    { overflow-y: auto; height: 400px; }
    .tableFixHead th { position: sticky; top: 0; }
    
    /* Just common table stuff. Really. */
    .TableFixeada  { border-collapse: collapse; width: 100%; }
    th     { background:#eee; }


    Segundo Crear Tabla

    <div class="table-responsive tableFixHead">
    <table class="table table-hover table-bordered mb-0 TableFixeada">
    <thead>
    <tr>
    <th><strong>ENERO</strong></th>
    <th><strong>FEBRERO</strong></th>
    </tr>
    </thead>
     <tbody>
    <tr>
    <td></td>
    <td></td>
    </tr>
     </tbody>
    </div> 
    
      Votes: 0 - Link answer
     
To actively participate in the community first must authenticate, enter the system.Sign In
 
frjcbbae garagebible.com