HTML - Centrar Tabla Template Materialize

 
Vista:
sin imagen de perfil

Centrar Tabla Template Materialize

Publicado por Santiago (1 intervención) el 30/04/2018 20:10:20
Estimados,

Como estan?

Necesito poder centrar esta tabla, pero me esta costado pegar la etiqueta correcta. Estoy pasando una App de Bootstrap a Material Design.

Estoy usando Materialize. He cortado y pegado, pero no lo he logrado.


Captura-de-pantalla-2018-04-30-a-las-15.03.41

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<div id="main">
        <!--Responsive Table-->
        <div class="divider"></div>
        <div id="responsive-table">
          <h4 class="header center">Responsive Table</h4>
          <div class="col s12 m4 l8">
              <table class="table table-striped table-hover">
                  <thead>
                    <tr>
                        <th data-field="id">Name</th>
                        <th data-field="name">Item Name</th>
                        <th data-field="price">Item Price</th>
                        <th data-field="total">Total</th>
                        <th data-field="status">Status</th>
                    </tr>
                </thead>
                <tbody><tr>
                  <td>Alvin</td>
                  <td>Eclair</td>
                  <td>$0.87</td>
                  <td>$1.87</td>
                  <td>Yes</td>
              </tr>
              <tr>
                  <td>Alan</td>
                  <td>Jellybean</td>
                  <td>$3.76</td>
                  <td>$10.87</td>
                  <td>No</td>
              </tr>
              <tr>
                  <td>Jonathan</td>
                  <td>Lollipop</td>
                  <td>$7.00</td>
                  <td>$12.87</td>
                  <td>Yes</td>
              </tr>
              <tr>
                  <td>Shannon</td>
                  <td>KitKat</td>
                  <td>$9.99</td>
                  <td>$14.87</td>
                  <td>No</td>
              </tr>
          </tbody>
      </table>
  </div>
</div>
</div>

Despues queda llenar con datos. Aca el desarrollo, en Bootstrap.



Muchas gracias!!!


Captura-de-pantalla-2018-04-30-a-las-15.11.01
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder