how to expand 3 row into one row in html code example

Example 1: html table with separated column without outer border

<!DOCTYPE html>
<html lang="en">
<head>
<style>
th, td {
  border: 1px solid black;
}
</style>
</head>
<body>

<table style="width:100%">
  <tr>
    <th>Firstname</th>
    <th>Lastname</th> 
    <th>Age</th>
  </tr>
</table>

</body>
</html>

Example 2: how to have only one vertical border after a column in bootstrap table

table.table tbody tr td,
table.table thead tr th,
table.table thead {
  border-left: 1px solid red;
  border-right: 1px solid red;
}

Tags:

Css Example

Related