Create Responsive Tables in Bootstrap 4| Part 15 -Bootstrap 4 Tutorial in Urdu/Hindi

Table in Bootstrap 4
Bootstrap table style
Bootstrap table hover
Bootstrap table striped
Bootstrap table condensed
Bootstrap table border
Bootstrap table borderless
Bootstrap table responsive
Bootstrap table example
Bootstrap striped table example
Bootstrap table with border

In This video We Discuss How to Create Simple Table and Responsive Table in Bootstrap 4 Step by Step With Easy Example

Example:

[!DOCTYPE html]
[html lang="en"]
[head]
[meta charset="UTF-8"]
[title]Table Example[/title]
[link rel="stylesheet" href="css/bootstrap.min.css"]
[/head]
[body]
[br][br]
[div class="container"]
[div class="table-responsive"]
[table class="table table-striped"]
[caption]Simple Table[/caption]
[thead class=""]
[tr class=""]
[th]RollNo[/th]
[th]Name[/th]
[th]Class[/th]
[th]Marks[/th]
[th]RollNo[/th]
[th]Name[/th]
[th]Class[/th]
[th]Marks[/th]
[/tr]
[/thead]
[tbody]
[tr]
[td]1001[/td]
[td]Hafeez[/td]
[td]M.Phil[/td]
[td]99[/td]
[td]1001[/td]
[td]Hafeez[/td]
[td]M.Phil[/td]
[td]99[/td]
[/tr]
[tr]
[td]1002[/td]
[td]Abdullah[/td]
[td]M.Phil[/td]
[td]98[/td]
[td]1001[/td]
[td]Hafeez[/td]
[td]M.Phil[/td]
[td]99[/td]
[/tr]
[tr]
[td]1003[/td]
[td]Adnan[/td]
[td]MCS[/td]
[td]80[/td]
[td]1001[/td]
[td]Hafeez[/td]
[td]M.Phil[/td]
[td]99[/td]
[/tr]
[/tbody]
[/table]
[/div]
[/div]
[!-- Latest compiled JavaScript --]
[script src="js/bootstrap.min.js"][/script]
[!-- Popper JS --]
[script src="js/popper.min.js"][/script]
[!-- Latest compiled JavaScript --]
[script src="https:js/bootstrap.min.js"][/script]
[/body]
[/html]