добавлять текст внизу таблицы в html

у меня есть таблица продуктов с Вашими соответствующими ценами, тогда я требую добавлять внизу цены на покупку общее количество этих. В случае, если не поймут я добавляю изображение примера для того, чтобы ему удалось понять. соединение изображение примера: https://ibb.co/VQjVq7N они могли бы вести Меня в как добиваться этого пожалуйста?

1
задан 04.11.2019, 19:54
2 ответа

То, что я сделал, состояло в том, чтобы добавлять один "< tfoot>" в конце концов, оставлять один "< td>" vacГ - или agregГЎndole признак "colspan", что то, что он делает, он состоит в том, чтобы показывать nГєmero колонн, что ocuparГЎ ячейка и давая место, чтобы прибывать в колонну, где ты хочешь Общее количество (TambiГ©n я добавил немного стиля, чтобы дифференцировать td и ориентировать контент).

Надеялся, что он подает тебя. ВЎГ‰xito!

<head>
<style>
table{text-align:center;}
.celdas{background-color:#C7C7C7;}
</style>
</head>

<body>
<table>
        <tr class="celdas">
            	<td>Producto</td>
		<td>Cantidad comprada</td>
		<td>cantidad vendida</td>
		<td>precio compra</td>
		<td>precio venta</td>
        </tr>
        <tr>
            	<td>Tornillo</td>
		<td>10,0</td>
		<td>0,0</td>
		<td>4.800,0</td>
		<td>0,0</td>
        </tr>
        <tr>
            	<td>Neumático</td>
		<td>10,0</td>
		<td>0,0</td>
		<td>800,0</td>
		<td>0,0</td>
        </tr>
        <tr>
            	<td>Neumático</td>
		<td>5,0</td>
		<td>0,0</td>
		<td>400,0</td>
		<td>0,0</td>
        </tr>
        <tr>
            	<td>Desatornillador</td>
		<td>20,0</td>
		<td>0,0</td>
		<td>800,0</td>
		<td>0,0</td>
        </tr>
	<tfoot>
        	<tr>
        		<td>Total</td>
			<td colspan="2"></td>
			<td>5.800,0</td>
			<td>0,0</td>
        	</tr>
	</tfoot>
    </table>
2
ответ дан 01.12.2019, 12:48
  • 1
    большое спасибо из-за Вашей помощи – Francisco González Mejías 04.11.2019, 22:24

Согласно твоему вопросу и данному изображению, только ты, должно быть, добавляешь две этикетки пустые <td> для того, чтобы ты места.

<table>
        <tr>
            <td>producto</td><td>cantidad comprada</td><td>cantidad vendida</td><td>precio compra</td><td>precio venta</td>
        </tr>
        <tr>
            <td>tornillo</td><td>10,0</td><td>0,0</td><td>4.800,0</td><td>0,0</td>
        </tr>
        <tr>
            <td>neumatico</td><td>10,0</td><td>0,0</td><td>800,0</td><td>0,0</td>
        </tr>
        <tr>
            <td>neumatico</td><td>5,0</td><td>0,0</td><td>400,0</td><td>0,0</td>
        </tr>
        <tr>
            <td>Desatornillador</td><td>20,0</td><td>0,0</td><td>800,0</td><td>0,0</td>
        </tr>
        <tr>
            <td>TOTAL</td><td></td><td></td><td>5.800,0</td><td>0,0</td>
        </tr>
    </table>

Я поместил ОБЩЕЕ КОЛИЧЕСТВО для того, чтобы я оставался более элегантным, но если ты нравишься, ты можешь оставлять ее пустой и добавлять тексты в Вашем соответствующем месте. Сообщи мне что, если я остаюсь ясным, если не, продолжи спрашивать.

introducir la descripción de la imagen aquí

2
ответ дан 01.12.2019, 12:48
  • 1
    большое спасибо из-за Вашей помощи – Francisco González Mejías 04.11.2019, 22:24