How to merge the cells of a table

Question

How to merge the cells of a table

Navigation

#1 by (3 votes)

2

Good evening! I'm doing a WHILE of data coming from the database to a table using css but I could not get the table cells to stick together and with the same border. An example of the table I did:

table{
   width: 100%;
}

table td{
   padding: 10px;
   text-align: center;
   border: 1px solid black;
}

<table>
   <tr>
      <td>
         OK
      </td>
      <td>
         OK
      </td>
      <td>
         OK
      </td>
      <td>
         OK
      </td>
   </tr>
</table>

How to remove these spaces between cells using only css?

css tabela

asked by anonymous 12.08.2018 / 09:09

1 answer

Sorting an Array RuntimeException: Parseable encountered IOException reading a Serializable object

score 3 · Accepted Answer

If I understand the problem, they are simply the attributes

border-spacing: 0;
border-collapse: collapse;

table
{
            width: 100%;
            border-spacing: 0;
            border-collapse: collapse;
}

table td
{
            padding: 10px;
            text-align: center;
            border: 1px solid black;
            
}

<table>
            <tr>
                <td>
                    OK
                </td>
                <td>
                    OK
                </td>
                <td>
                    OK
                </td>
                <td>
                    OK
                </td>
            </tr>
        </table>