Hello, in this video, I am going to show you how to implement Beyblade Bidstrup the very similar to
how you would implement a normal table.
And I'll also provide a link in the description to the bootstrap page where you can access pages such
as a table, which gives you all of the different classes and features that you can implement.
I will show you the basics to get you going.
OK, so first of all, let's create a simple table, a table, and we're going to create it without
any real bootstrap stuff initially.
And we'll see table head and then the table row in here.
Again, this is all just the amount of nothing out the ordinary or special here.
And I'm going to say this like the number, the road number, that's what that will represent.
Then we'll page 90.
And this one will be for
its own will be like this one will be grown.
And then we'll have the table body itself and in here we'll have a couple of table rows here and we're
going to have a header first.
And, uh, the other.
And this is going to be just one hour punch TD four table data now and say brucke to wearing.
We'll have one more of these can not as many as you want.
You could obviously have the data from the database, for example, some pleura online Ajax call, and
then you could populate a table and fix the whole thing and say, well, I didn't
necessarily.
This is what a normal table looks like.
Nothing special doesn't look so good.
Now let's just implement some basic bootstrap classes and you'll see that it gets elevated to a whole
nother level easily.
First of all, the class table, then what we're going to do is add a scope and we're going to call
for this.
And the same in its scope is the whole column in the Strupp.
And for this, we're going to say the scope of this is the row
and the piece that we just these few simple changes, we produce this amazing knocking table that is
responsive, really cool stuff.
Let me show you what happened.
This section created another one and implemented by Frey, who put Yoda.
Yoda does not have a second name.
So we're going to get rid of that.
And these Torito must reload.
We get of an issue, Grandma, that needs to be in the role section and definitely have a last name
or surname however you want to call it.
But he doesn't have one.
So how do we get around that issue?
It's really simple.
Bootstrap provides this feature called Spane Equals, and it's put to this particular column will spend
two columns.
Now that way, this is basically the content for both of these.
And this now goes into the void section.
That's really cool stuff.
Now let me show you something else, which is pretty cool.
If you see tables online, you've probably seen that the roles themselves, not the header row, but
each of the row has alternating colors like some great white, black, white, dark and light background.
So it just aesthetically looks a lot more pleasing for Taboada dash striped reload.
There we go.
No matter how many more you add, it will alternate light.
So, like I said, I'll provide a link to this.
You can see the different variants of color so you could add one of these to your headers.
As you can see the information right here.
And this is the table structure that I just did, the different variants to it.
You can do a table dark.
You could do a table that says you could do table Hober as well.
So if you want to hover over a highlight, Soroses makes it easier to have a look and you can make certain
tables table of activity the last of you could do.
So that's it for this video.
If you have any questions as usual, feel free to drop me a message.
You know, feel free to comment on the video or the best place is to join the discussion group, which
has about fourteen hundred members now, and the duty of 50 to 100 members always online, ready to
help.
So that's the best way there'll be a link to that speech about how we can feel free to contact.
And as usual, I look forward to seeing you in the next video.