This is where we lived in the previous video by nesting tables together in this video.
Let's play around with CSS and add some beauty to our table.
As before, we are going to target the table and provide style attributes and provide a weight of 100%
and provide water as before.
One PC Solid.
Hashtag c cc.
With this one.
Let's see.
Oh good.
Is better than before.
And for the caption, I think I can provide some margin also.
Margin of ten parsecs.
Let me see the effect.
I think it's okay.
All right.
So let's target the caption style and provide text align to be ID, lift and font weight, border and
margin of $10.
All right, this is cool.
Next is let's target the table head.
As before, I'm going to select this or even I think.
Let me start from scratch.
Provide style and padding of ten pixels.
And the border as before, one pays a solid.
Hashtag sexy.
And text a line to be left.
Let's have a look.
And this is how it looks like.
So let me copy.
This one to the rest of the table has.
Which is this?
Now, let's see.
Great is how it looks like.
And for the table data is going to be the same thing.
But we are going to move the text align only.
And I'm going to provide this one to the rest.
Okay, so let's see.
All right.
As you can see, this is the nest hit table.
All right, so let me apply to the rest of the data with the exception of the nested table.
And this is how it looks like as they stand right now.
So for the next table, which is this, I'm going to add style or width of 100%.
And provide margin of ten paisa or let me give it a zero.
And provide border.
No border around that.
And for the table head, which is the nested table, I won't give a specific background color of hashtag
f00a0 and padding.
Pardon.
Of ten or let me get us five paychecks.
All right.
So this is the first one, the first table.
So I'm going to copy this one to the table.
Heads for the nested tables.
This is the second table.
And where is the first table?
All right, so let me.
Yeah, this is the first table, so I'll provide eight.
Add that to the heads of the table.
Oh, great.
And let me add the actual table.
The same CSS for the width of 100% and border none.
So I'm going to provide to the first nested table.
And this how it looks like guys.
All right.
So like I said, if we get to CSS, we are going to improve the CSS.
But for the meantime, this is how we need to do.
So again, guys, if you are confused, don't worry.
You can ignore the CSS and look at how the table is being structured.
If you get a concept, you're going to be pretty easy for you to use it in your future project.
Let's continue in the next video.