Skip to main content
Commonmark migration
Origen Enlace

Puedes centrar la tabla a su contenedor creando una clase, por ejemplo .table-center e indicar los margenes y ancho de la misma.

###Demo:

Demo:

.table.table-center {
  width: auto;
  margin: 0 auto;
}
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<div class="row">
  <div class="col-md-12">
    <h2>Jornada 1</h2>
    <h3>'.$user['Fecha_Inicio'].'</h3>
    <table class="table table-center">
      <thead>
        <tr>
          <th bgcolor="grey" width="22%">LOCAL</th>
          <th bgcolor="grey" width="22%"></th>
          <th bgcolor="grey" width="22%">VISITANTE</th>
        </tr>
      </thead>
      <tr>
        <td width="22%">'.$user['Nombre_E7'].'</td>
        <td width="22%" align="center">VS</td>
        <td width="22%">'.$user['Nombre_E8'].'</td>
      </tr>
      <tr>
        <td width="22%">'.$user['Nombre_E9'].'</td>
        <td width="22%" align="center">VS</td>
        <td width="22%">'.$user['Nombre_E4'].'</td>
      </tr>
      <tr>
        <td width="22%">'.$user['Nombre_E5'].'</td>
        <td width="22%" align="center">VS</td>
        <td width="22%">'.$user['Nombre_E2'].'</td>
      </tr>
      <tr>
        <td width="22%">'.$user['Nombre_E1'].'</td>
        <td width="22%" align="center">VS</td>
        <td width="22%">'.$user['Nombre_E6'].'</td>
      </tr>
      <tr>
        <td width="22%">'.$user['Nombre_E3'].'</td>
        <td width="22%" align="center">VS</td>
        <td width="22%">'.$user['Nombre_E10'].'</td>
      </tr>
    </table>
  </div>
</div>

Puedes centrar la tabla a su contenedor creando una clase, por ejemplo .table-center e indicar los margenes y ancho de la misma.

###Demo:

.table.table-center {
  width: auto;
  margin: 0 auto;
}
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<div class="row">
  <div class="col-md-12">
    <h2>Jornada 1</h2>
    <h3>'.$user['Fecha_Inicio'].'</h3>
    <table class="table table-center">
      <thead>
        <tr>
          <th bgcolor="grey" width="22%">LOCAL</th>
          <th bgcolor="grey" width="22%"></th>
          <th bgcolor="grey" width="22%">VISITANTE</th>
        </tr>
      </thead>
      <tr>
        <td width="22%">'.$user['Nombre_E7'].'</td>
        <td width="22%" align="center">VS</td>
        <td width="22%">'.$user['Nombre_E8'].'</td>
      </tr>
      <tr>
        <td width="22%">'.$user['Nombre_E9'].'</td>
        <td width="22%" align="center">VS</td>
        <td width="22%">'.$user['Nombre_E4'].'</td>
      </tr>
      <tr>
        <td width="22%">'.$user['Nombre_E5'].'</td>
        <td width="22%" align="center">VS</td>
        <td width="22%">'.$user['Nombre_E2'].'</td>
      </tr>
      <tr>
        <td width="22%">'.$user['Nombre_E1'].'</td>
        <td width="22%" align="center">VS</td>
        <td width="22%">'.$user['Nombre_E6'].'</td>
      </tr>
      <tr>
        <td width="22%">'.$user['Nombre_E3'].'</td>
        <td width="22%" align="center">VS</td>
        <td width="22%">'.$user['Nombre_E10'].'</td>
      </tr>
    </table>
  </div>
</div>

Puedes centrar la tabla a su contenedor creando una clase, por ejemplo .table-center e indicar los margenes y ancho de la misma.

Demo:

.table.table-center {
  width: auto;
  margin: 0 auto;
}
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<div class="row">
  <div class="col-md-12">
    <h2>Jornada 1</h2>
    <h3>'.$user['Fecha_Inicio'].'</h3>
    <table class="table table-center">
      <thead>
        <tr>
          <th bgcolor="grey" width="22%">LOCAL</th>
          <th bgcolor="grey" width="22%"></th>
          <th bgcolor="grey" width="22%">VISITANTE</th>
        </tr>
      </thead>
      <tr>
        <td width="22%">'.$user['Nombre_E7'].'</td>
        <td width="22%" align="center">VS</td>
        <td width="22%">'.$user['Nombre_E8'].'</td>
      </tr>
      <tr>
        <td width="22%">'.$user['Nombre_E9'].'</td>
        <td width="22%" align="center">VS</td>
        <td width="22%">'.$user['Nombre_E4'].'</td>
      </tr>
      <tr>
        <td width="22%">'.$user['Nombre_E5'].'</td>
        <td width="22%" align="center">VS</td>
        <td width="22%">'.$user['Nombre_E2'].'</td>
      </tr>
      <tr>
        <td width="22%">'.$user['Nombre_E1'].'</td>
        <td width="22%" align="center">VS</td>
        <td width="22%">'.$user['Nombre_E6'].'</td>
      </tr>
      <tr>
        <td width="22%">'.$user['Nombre_E3'].'</td>
        <td width="22%" align="center">VS</td>
        <td width="22%">'.$user['Nombre_E10'].'</td>
      </tr>
    </table>
  </div>
</div>

Origen Enlace
Marcos
  • 35.6k
  • 7
  • 36
  • 70

Puedes centrar la tabla a su contenedor creando una clase, por ejemplo .table-center e indicar los margenes y ancho de la misma.

###Demo:

.table.table-center {
  width: auto;
  margin: 0 auto;
}
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<div class="row">
  <div class="col-md-12">
    <h2>Jornada 1</h2>
    <h3>'.$user['Fecha_Inicio'].'</h3>
    <table class="table table-center">
      <thead>
        <tr>
          <th bgcolor="grey" width="22%">LOCAL</th>
          <th bgcolor="grey" width="22%"></th>
          <th bgcolor="grey" width="22%">VISITANTE</th>
        </tr>
      </thead>
      <tr>
        <td width="22%">'.$user['Nombre_E7'].'</td>
        <td width="22%" align="center">VS</td>
        <td width="22%">'.$user['Nombre_E8'].'</td>
      </tr>
      <tr>
        <td width="22%">'.$user['Nombre_E9'].'</td>
        <td width="22%" align="center">VS</td>
        <td width="22%">'.$user['Nombre_E4'].'</td>
      </tr>
      <tr>
        <td width="22%">'.$user['Nombre_E5'].'</td>
        <td width="22%" align="center">VS</td>
        <td width="22%">'.$user['Nombre_E2'].'</td>
      </tr>
      <tr>
        <td width="22%">'.$user['Nombre_E1'].'</td>
        <td width="22%" align="center">VS</td>
        <td width="22%">'.$user['Nombre_E6'].'</td>
      </tr>
      <tr>
        <td width="22%">'.$user['Nombre_E3'].'</td>
        <td width="22%" align="center">VS</td>
        <td width="22%">'.$user['Nombre_E10'].'</td>
      </tr>
    </table>
  </div>
</div>