0

hola amigos tengo esta tabla que me genera mi reporte en excel

$mos.="<table border-collapse: separate; >


<tr>
        
        <th scope='col' bgcolor='#008000'>Solicitud Servicio</th>
		   <th scope='col' bgcolor='#008000'>Folio</th>
                <th scope='col' bgcolor='#008000'>Mes</th>
        <th scope='col' bgcolor='#008000'>Fecha</th>
   
        <th scope='col' bgcolor='#008000'>Departamento</th>
        <th scope='col' bgcolor='#008000'>Area</th>
        <th scope='col' bgcolor='#008000'>Tipo Servicio</th>
        <th scope='col' bgcolor='#008000'>Descripción del trabajo</th>
        <th scope='col' bgcolor='#008000'>Observaciones</th>
		<th scope='col' bgcolor='#008000'>Unidad</th>
        <th scope='col' bgcolor='#008000'>Costo</th>
     
      </tr><tr><td></td></tr>
      ";

pero me sale sin borde quiero ponerle borde a mi tabla como lo hago?

2 respuestas 2

0

Podes agregar estilos a distintos elementos, por ejemplo aca poniendo table, tr, th, td le estas aplicando el mismo estilo a esos elementos que seria que tengan borde y que el texto este centrado.

<style>
table, tr, th, td{
border: 1px solid #000000;
text-align: center;
    }
</style>
<table border-collapse: separate; >
<tr >
        <th bgcolor='#008000'>Solicitud Servicio</th>
           <th scope='col' bgcolor='#008000'>Folio</th>
                <th scope='col' bgcolor='#008000'>Mes</th>
        <th scope='col' bgcolor='#008000'>Fecha</th>

        <th bgcolor='#008000'>Departamento</th>
        <th bgcolor='#008000'>Area</th>
        <th bgcolor='#008000'>Tipo Servicio</th>
        <th bgcolor='#008000'>Descripción del trabajo</th>
        <th bgcolor='#008000'>Observaciones</th>
        <th bgcolor='#008000'>Unidad</th>
        <th bgcolor='#008000'>Costo</th>
     
      </tr>
      <tr>
        <th>0</th>
        <th>1</th>
        <th>2</th>
        <th>3</th>
        <th>4</th>
        <th>5</th>
        <th>6</th>
        <th>7</th>
        <th>8</th>
        <th>9</th>
        <th>10</th>
      </tr>
      <tr>
        <th>0</th>
        <th>1</th>
        <th>2</th>
        <th>3</th>
        <th>4</th>
        <th>5</th>
        <th>6</th>
        <th>7</th>
        <th>8</th>
        <th>9</th>
        <th>10</th>
      </tr>
        <tr>
        <th>0</th>
        <th>1</th>
        <th>2</th>
        <th>3</th>
        <th>4</th>
        <th>5</th>
        <th>6</th>
        <th>7</th>
        <th>8</th>
        <th>9</th>
        <th>10</th>
      </tr>
  </table>
  

5
  • gracias tambien me gusto como quedo @Juan
    – Esther
    Commented el 16 nov. 2018 a las 20:35
  • De nada, en caso de que no hayas usado nunca podes investigar sobre bootstrap o materialize que te simplifican mucho el diseño, en ambos por ejemplo, si a la tabla le pones solo la clase "table" ya te la deja armada con estilos: Ej Bootstrap: getbootstrap.com/docs/3.3/css/#tables Ejemplo Materialize:materializecss.com/table.html
    – Juan
    Commented el 16 nov. 2018 a las 20:39
  • Gracias por tu aporte es que soy novata gracias @Juan
    – Esther
    Commented el 16 nov. 2018 a las 20:44
  • Todos lo fuimos, yo lo sigo siendo, si te intereso Bootstrap por ejemplo busca en youtube el canal de FalconMasters, tiene un tutorial de unos 40 videos donde muestra como usarlo de forma simple, yo aprendi con eso
    – Juan
    Commented el 16 nov. 2018 a las 20:46
  • ok lo hare muchismas gracias donde estes gracias@Juan
    – Esther
    Commented el 16 nov. 2018 a las 20:48
0

$mos.="<table border-collapse: separate; border= 1px; >


<tr>
        
        <th scope='col' bgcolor='#008000'>Solicitud Servicio</th>
		   <th scope='col' bgcolor='#008000'>Folio</th>
                <th scope='col' bgcolor='#008000'>Mes</th>
        <th scope='col' bgcolor='#008000'>Fecha</th>
   
        <th scope='col' bgcolor='#008000'>Departamento</th>
        <th scope='col' bgcolor='#008000'>Area</th>
        <th scope='col' bgcolor='#008000'>Tipo Servicio</th>
        <th scope='col' bgcolor='#008000'>Descripción del trabajo</th>
        <th scope='col' bgcolor='#008000'>Observaciones</th>
		<th scope='col' bgcolor='#008000'>Unidad</th>
        <th scope='col' bgcolor='#008000'>Costo</th>
     
      </tr><tr><td></td></tr>
      ";

3
  • gracias ya quedo @VirusDetected
    – Esther
    Commented el 16 nov. 2018 a las 20:21
  • De nada, no olvides marcarla como respuesta definitiva ;)
    – cosito
    Commented el 16 nov. 2018 a las 20:22
  • si lo estoy intentanto pero me dice que tengo que esperar mas tiempo
    – Esther
    Commented el 16 nov. 2018 a las 20:25

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.