Making a table with subColumn in HTML

Question

I have been trying to make table with 4 columns and 2 sub columns in HTML but my every attempt has failed didn't event went close to what I wanted to do,

here is a snap of what I am trying to make:

Table Image

user_8733022 · Answer

What you need is colspan. It will tell the cell it should occupy more columns.


  
    Header
    Header
    Header
    Header
  
  
    Header
    Header
    Header
    Header
    Header
  
  
    Content
    Content
    Content
    Content
    Content

See demo here https://codepen.io/korinektomas/pen/XWegrmz

user_10599450 · Answer

Here is My Solution, I used colspan attribute

Learn More About colspan


  
    SL.No
    Number of Oxalic acid in ML
    Burette readings
    Valume (V) of KMnO₄ Used V=(y-x) mL
  
  
     
     
    initial (x)
    Final(y)

user_17665553 · Answer

html,
body {
  width: 100%;
}

table {
  margin: 0 auto;
}

table {
  width: 80%;
  border-collapse: separate;
  border: solid black 1px;
  border-radius: 6px;
}

thead {  background-color: #FFE4C4 }

tr {
  font-family: 'Times New Roman', Times, serif;
  text-align: center;
}

td, th {   border: 1px solid black; }

h3 {
  text-align: center;
}

 Table 6.1 : Titration of potassium permanganatc solution against standard oxalic solution 




  
     SI.NO
     Volume of Oxaic acid in ML 
     Burette readings 
     Valume (V) of KMnO₄ Used V=(y-x) mL
  


  
    
    
    
      initial (x)
    
    
      Final(y)

Making a table with subColumn in HTML

3 Answers