Usando o ponto de código para renderizar o ícone delineado em vez de preenchido no Material Design Google Fonts

Question

Gauravsa

Asked: 2025-02-04 09:07:53 +0800 CST2025-02-04 09:07:53 +0800 CST 2025-02-04 09:07:53 +0800 CST

Crie vários cabeçalhos sticky boostrap em Css

772

Tenho várias linhas de boostrap como esta. Gostaria de ter ambos os cabeçalhos fixos em CSS. Mas sem sorte.

CSS

.sticky {
  top: 0 px;
}

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<div class="container">
  <div class="row sticky-top bg-white">
    <div class="col-md-1">HEADER</div>
    <div class="col-md-11">HEADER</div>
  </div><!-- row -->

  <div class="row sticky-top bg-white sticky-top1">
    <div class="col-md-1">HEADER2</div>
    <div class="col-md-11">HEADER2</div>
  </div><!-- row -->
  <!-- some data -->
  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div><!-- row -->
  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div><!-- row -->
  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div><!-- row -->
  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div><!-- row -->
  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div><!-- row -->

  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div><!-- row -->

  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div><!-- row -->

  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div><!-- row -->

  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div><!-- row -->

  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div><!-- row -->

  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div><!-- row -->

  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div>
  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div>
  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div>
  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div>
  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div>
  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div>
  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div>
  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div>
  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div>
  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div>
  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div>
  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div>
  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div>
  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div>
  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div>
  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div>
</div>

2 respostas

Voted

Vel · Answer 1 · 2025-02-04T17:13:12+08:00

Você quer assim?

CSS

.sticky {
  top: 0 px;
}

 <style>.sticky-top1{    top: 50px !important;}</style>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<div class="container">
  <div class="row sticky-top bg-white">
    <div class="col-md-1">HEADER</div>
    <div class="col-md-11">HEADER</div>
  </div><!-- row -->

  <div class="row sticky-top bg-white sticky-top1">
    <div class="col-md-1">HEADER2</div>
    <div class="col-md-11">HEADER2</div>
  </div><!-- row -->
  <!-- some data -->
  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div><!-- row -->
  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div><!-- row -->
  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div><!-- row -->
  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div><!-- row -->
  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div><!-- row -->

  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div><!-- row -->

  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div><!-- row -->

  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div><!-- row -->

  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div><!-- row -->

  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div><!-- row -->

  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div><!-- row -->

  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div>
  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div>
  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div>
  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div>
  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div>
  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div>
  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div>
  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div>
  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div>
  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div>
  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div>
  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div>
  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div>
  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div>
  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div>
  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div>
</div>

John Shang · Answer 2 · 2025-02-04T13:24:30+08:00

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<div class="container">
  <div class="row sticky-top bg-white">
    <div class="col-md-1">HEADER1</div>
    <div class="col-md-11">HEADER2</div>
    <div class="col-md-1">HEADER3</div>
    <div class="col-md-11">HEADER4</div>
  </div><!-- row -->

  <!-- <div class="row sticky-top bg-white">
    <div class="col-md-1">HEADER3</div>
    <div class="col-md-11">HEADER4</div>
  </div> --><!-- row -->
  <!-- some data -->
  <div class="row">
    <div class="col-md-1">id5</div>
    <div class="col-md-3">L Name5</div>
    <div class="col-md-1">M5</div>
    <div class="col-md-2">F Name5</div>
    <div class="col-md-3">Username5</div>
    <div class="col-md-2">Phone5</div>
  </div><!-- row -->
  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div><!-- row -->
  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div><!-- row -->
  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div><!-- row -->
  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div><!-- row -->

  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div><!-- row -->

  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div><!-- row -->

  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div><!-- row -->

  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div><!-- row -->

  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div><!-- row -->

  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div><!-- row -->

  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div>
  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div>
  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div>
  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div>
  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div>
  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div>
  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div>
  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div>
  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div>
  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div>
  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div>
  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div>
  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div>
  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div>
  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div>
  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div>
  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div>
  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div>
  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div>
  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div>
  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div>
  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div>
  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div>
  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div>
  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div>
  <div class="row">
    <div class="col-md-1">id</div>
    <div class="col-md-3">L Name</div>
    <div class="col-md-1">M</div>
    <div class="col-md-2">F Name</div>
    <div class="col-md-3">Username</div>
    <div class="col-md-2">Phone</div>
  </div>
</div>

Sugiro que você coloque todas as colunas fixas em uma linha.

Crie vários cabeçalhos sticky boostrap em Css

Reformatar números, inserindo separadores em posições fixas

Por que os conceitos do C++20 causam erros de restrição cíclica, enquanto o SFINAE antigo não?

Problema com extensão desinstalada automaticamente do VScode (tema Material)

Vue 3: Erro na criação "Identificador esperado, mas encontrado 'import'" [duplicado]

Qual é o propósito de `enum class` com um tipo subjacente especificado, mas sem enumeradores?

Como faço para corrigir um erro MODULE_NOT_FOUND para um módulo que não importei manualmente?

`(expression, lvalue) = rvalue` é uma atribuição válida em C ou C++? Por que alguns compiladores aceitam/rejeitam isso?

Um programa vazio que não faz nada em C++ precisa de um heap de 204 KB, mas não em C

PowerBI atualmente quebrado com BigQuery: problema de driver Simba com atualização do Windows

AdMob: MobileAds.initialize() - "java.lang.Integer não pode ser convertido em java.lang.String" para alguns dispositivos

Crie vários cabeçalhos sticky boostrap em Css

2 respostas

relate perguntas