Problem with line height in a table in HTML

Question

Problem with line height in a table in HTML

Navigation

#1 by (3 votes)

1

I used the following code to show some data in a table:

<table>
    <thead>
        <tr  heigth="2px">
            <th  align="left" width="180">Nr DBC</th>
            <th align="left" width="380px">Descrição DCB</th>
            <th align="left" width="400px">Medicamento / Apresentação</th>
            <th align="left" width="80">Estoque &#013 Inicial</th>
            <th align="left" width="80">Entrada&#013 (Aquisição)</th>
            <th align="left" width="80">Saida &#013(Receitas)</th>
            <th align="left" width="80">Perda</th>
            <th align="left" width="80">Estoque &#013 Final</th>
        </tr>
    </thead>
    <tbody>
        <tr heigth="5px" ng-repeat="item in lstMov" class="small">
            <td height="5px"><h6>{{ item.dcb_substancia }}</h6></></td>
            <td height="5px"><h6>{{ item.nome_substancia }}</h6></td>
            <td height="5px"><h6>{{ item.nome_medicamento }}</h6></td>
            <td height="5px" align="center"><h6>{{ item.estoque_anterior }}</h6></td>
            <td height="5px" align="center"><h6>{{ item.qtde_entrada }}</h6></td>
            <td height="5px" align="center"><h6>{{ item.qtde_saida }}</h6></td>
            <td height="5px" align="center"><h6>{{ item.qtde_perda }}</h6></td>
            <td height="5px" align="center"><h6>{{ item.estoque }}</h6></td>
    </tbody>
</table>

The result is shown in the image:

Ineedtodecreasetheheightoftheline,asyoucanseeintheimage,itisveryhigh,intdandtr,itassignsheigth="5px" , but it did not work.

How can I change the height of the line? I'm using this template

html table

asked by anonymous 18.02.2017 / 18:42

1 answer

How to get the local IP address using PHP? How to import external Jquery?

score 3 · Accepted Answer

A minimal, complete and verifiable example would be required. But even to understand the tag h1 ~ h6 has this formatting even spaced.

<table border="2">
                        <thead>
                            <tr>
                                <th  align="left" width="180">Nr DBC</th>
                                <th align="left" width="380px">Descrição DCB</th>
                                <th align="left" width="400px">Medicamento / Apresentação</th>
                                <th align="left" width="80">Estoque &#013 Inicial</th>
                                <th align="left" width="80">Entrada&#013 (Aquisição)</th>
                                <th align="left" width="80">Saida &#013(Receitas)</th>
                                <th align="left" width="80">Perda</th>
                                <th align="left" width="80">Estoque &#013 Final</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr ng-repeat="item in lstMov" class="small">
                                <td>{{ item.dcb_substancia }}</></td>
                                <td>{{ item.nome_substancia }}</td>
                                <td>{{ item.nome_medicamento }}</td>
                                <td align="center">{{ item.estoque_anterior }}</td>
                                <td align="center">{{ item.qtde_entrada }}</td>
                                <td align="center">{{ item.qtde_saida }}</td>
                                <td align="center">{{ item.qtde_perda }}</td>
                                <td align="center">{{ item.estoque }}</td>
                        </tbody>
                    </table>