< 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

Html css
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

Previous: How can the front-end project of jquery+vue support jsx

Next: Php calls stream_get_contents to get data from tcp sockets. Sometimes it can be called all at once, and sometimes if it is empty, a circular query is required.

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu