< td > to the right in the < table > tag

as shown in the figure, using the table layout, how to keep the total price to the right?

Code

<table>
            <tr>
              <th v-for="head in tableHeads" @click="changeOrderType(head)" :class="{active:head.active}">{{ head.label }}</th>
            </tr>
            <tr v-for="item in tableData" :key="item.period">
              <td v-for="head in tableHeads">{{ item[head.key] }}</td>
            </tr>
            <tr>
                <td align="right">:</td>
            </tr>
          </table>

clipboard.png

Mar.22,2021

you can insert a placeholder td and specify that the colspan of the placeholder td is the number of table columns-1.

<table>
  <tr>
      <th>name</th>
      <th>test</th>
      <th>age</th>
  </tr>
  <tr>
  <td colspan=2></td>
    <td> 23</td>
  </tr>
</table>

set another div box
float:right

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b3dc11-2c3d6.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b3dc11-2c3d6.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?