How to make HTML table td to fill equal width Image is given

[Vinod Bahadur Thapa]

 

<div  style="width: 400px;">
    
    <table style="border:1px solid black;  margin: auto;"  cellspacing=0>
        <tr>
            <td colspan=3> sold by </td>
            <td colspan=3> date </td>
        </tr>

        <tr >
            <td colspan="5"> name </td>
        </tr>

        <tr>
            <td colspan="5">address</td>
        </tr>

        <tr>
            <td>row 4</td>
            <td>row 4</td>
            <td>row 4</td>
            <td>row 4</td>
            <td>row 4</td>
        </tr>

    </table>

    </div>

 

 

 

I am using colspan but then I realize what if we have 5column and just below we have two td and we want that to fill equally. Now I am confused how to do it. 

Here is the image I am not able to make the td of first row to take 50% width each..    

 

 

 

 

[Vinod Bahadur Thapa]

Just now, Vinod Bahadur Thapa said:

 

<div  style="width: 400px;">
    
    <table style="border:1px solid black;  margin: auto;"  cellspacing=0>
        <tr>
            <td colspan=3> sold by </td>
            <td colspan=3> date </td>
        </tr>

        <tr >
            <td colspan="5"> name </td>
        </tr>

        <tr>
            <td colspan="5">address</td>
        </tr>

        <tr>
            <td>row 4</td>
            <td>row 4</td>
            <td>row 4</td>
            <td>row 4</td>
            <td>row 4</td>
        </tr>

    </table>

    </div>

 

 

 

I am using colspan but then I realize what if we have 5column and just below we have two td and we want that to fill equally. Now I am confused how to do it. 

Here is the image I am not able to make the td of first row to take 50% width each..    

 

 

 

 

i used table width 100% and play with colspan and width but I am not getting it  

[Thias.TG]

You could do something like that instead using CSS

table td:first-child {
  width: 50%;
}

 

[Raghav Mahajan]

16 minutes ago, Vinod Bahadur Thapa said:

i used table width 100% and play with colspan and width but I am not getting it  

just do this

<tr>
            <td colspan=3 style="width: 50%"> sold by </td>
            <td colspan=3 style="width: 50%"> date </td>
        </tr>

[Vinod Bahadur Thapa]

11 minutes ago, Raghav Mahajan said:

just do this

<tr>
            <td colspan=3 style="width: 50%"> sold by </td>
            <td colspan=3 style="width: 50%"> date </td>
        </tr>

thanks but it is not working bro.

[Vinod Bahadur Thapa]

16 minutes ago, MathiasVN said:

You could do something like that instead using CSS

table td:first-child {
  width: 50%;
}

 

not working bro.

[Raghav Mahajan]

3 minutes ago, Vinod Bahadur Thapa said:

thanks but it is not working bro.

u need this right?

https://codepen.io/rraghav1/pen/qMBGdK

[Vinod Bahadur Thapa]

2 minutes ago, Raghav Mahajan said:

u need this right?

https://codepen.io/rraghav1/pen/qMBGdK

yes, but now the last row are not of equal width

[Raghav Mahajan]

2 minutes ago, Vinod Bahadur Thapa said:

yes, but now the last row are not of equal width

do u know who to use flexbox

[Raghav Mahajan]

12 minutes ago, Raghav Mahajan said:

do u know who to use flexbox

 

15 minutes ago, Vinod Bahadur Thapa said:

yes, but now the last row are not of equal width

 

[Raghav Mahajan]

15 minutes ago, Vinod Bahadur Thapa said:

yes, but now the last row are not of equal width

check this now

https://codepen.io/rraghav1/pen/qMBGdK