DataTable

Bootstrap 5 DataTables

Bootstrap 5 DataTables that combine tables with extensive set of features like searching, sorting, and pagination.

Default DataTable

The table class is used to construct a Bootstrap 5 DataTable with Contrast preset styles. DataTables with boundaries can be created by adding the table-bordered class, and the table-striped class provides each row a different color.

The data-table1 defines which row (data-table1 for odd, and data-table2 for even) gets a different color.

Name	Ext.	City	Start Date	Completion
Unity Pugh	9958	Curicó	2005/02/11	37%
Theodore Duran	8971	Dhanbad	1999/04/07	97%
Kylie Bishop	3147	Norman	2005/09/08	63%
Willow Gilliam	3497	Amqui	2009/29/11	30%
Blossom Dickerson	5018	Kempten	2006/11/09	17%
Elliott Snyder	3925	Enines	2006/03/08	57%
Castor Pugh	9488	Neath	2014/23/12	93%
Pearl Carlson	6231	Cobourg	2014/31/08	100%
Deirdre Bridges	1579	Eberswalde-Finow	2014/26/08	44%
Daniel Baldwin	6095	Moircy	2000/11/01	33%
Phelan Kane	9519	Germersheim	1999/16/04	77%
Quentin Salas	1339	Los Andes	2011/26/01	49%
Armand Suarez	6583	Funtua	1999/06/11	9%
Gretchen Rogers	5393	Moxhe	1998/26/10	24%
Harding Thompson	2824	Abeokuta	2008/06/08	10%
Mira Rocha	4393	Port Harcourt	2002/04/10	14%
Drew Phillips	2931	Goes	2011/18/10	58%
Emerald Warner	6205	Chiavari	2002/08/04	58%
Colin Burch	7457	Anamur	2004/02/01	34%
Russell Haynes	8916	Frascati	2015/28/04	18%
Brennan Brooks	9011	Olmué	2000/18/04	2%
Kane Anthony	8075	LaSalle	2006/21/05	93%
Scarlett Hurst	1019	Brampton	2015/07/01	94%
James Scott	3008	Meux	2007/30/05	55%
Desiree Ferguson	9054	Gojra	2009/15/02	81%
Elaine Bishop	9160	Petrópolis	2008/23/12	48%
Hilda Nelson	6307	Posina	2004/23/05	76%
Evangeline Beasley	3820	Caplan	2009/12/03	62%
Wyatt Riley	5694	Cavaion Veronese	2012/19/02	67%
Wyatt Mccarthy	3547	Patan	2014/23/06	9%
Cairo Rice	6273	Ostra Vetere	2016/27/02	13%
Sylvia Peters	6829	Arrah	2015/03/02	13%
Kasper Craig	5515	Firenze	2015/26/04	56%
Leigh Ruiz	5112	Lac Ste. Anne	2001/09/02	28%
Derek Kerr	1724	Gualdo Cattaneo	2014/21/01	89%
Shad Hudson	5944	Salamanca	2014/10/12	98%
Daryl Ayers	8276	Barchi	2012/12/11	88%
Caleb Livingston	3094	Fatehpur	2014/13/02	8%
Sydney Meyer	4576	Neubrandenburg	2015/06/02	22%
Lani Lawrence	8501	Turnhout	2008/07/05	16%
Allegra Shepherd	2576	Meeuwen-Gruitrode	2004/19/04	41%
Fallon Reyes	3178	Monceau-sur-Sambre	2005/15/02	16%
Karen Whitley	4357	Sluis	2003/02/05	23%
Stewart Stephenson	5350	Villa Faraldi	2003/05/07	65%
Ursula Reynolds	7544	Southampton	1999/16/12	61%
Adrienne Winters	4425	Laguna Blanca	2014/15/09	24%
Francesca Brock	1337	Oban	2000/12/06	90%
Ursa Davenport	7629	New Plymouth	2013/27/06	37%
Mark Brock	3310	Veenendaal	2006/08/09	41%
Dale Rush	5050	Chicoutimi	2000/27/03	2%
Shellie Murphy	3845	Marlborough	2013/13/11	72%
Porter Nicholson	4539	Bismil	2012/22/10	23%
Oliver Huber	1265	Hannche	2002/11/01	94%
Calista Maynard	3315	Pozzuolo del Friuli	2006/23/03	5%
Lois Vargas	6825	Cumberland	1999/25/04	50%
Hermione Dickson	2785	Woodstock	2001/22/03	2%
Dalton Jennings	5416	Dudzele	2015/09/02	74%
Kelly Cameron	4836	Fontaine-Valmont	1999/02/07	24%
Kyra Moses	3796	Quenast	1998/07/07	68%
Grace Bishop	8340	Rodez	2012/02/10	4%
Haviva Hernandez	8136	Suwałki	2000/30/01	16%
Alisa Horn	9853	Ucluelet	2007/01/11	39%
Zelenia Roman	7516	Redwater	2012/03/03	31%

HTML

html

<div class="card card p-5" style="width: 100%">
  <table class="table table-bordered table-striped data-table1" style="min-width: 100%">
    <thead>
      <tr>
        <th>Name</th>
        <th>Ext.</th>
        <th>City</th>
        <th data-type="date" data-format="YYYY/MM/DD">Start Date</th>
        <th>Completion</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>Unity Pugh</td>
        <td>9958</td>
        <td>Curicó</td>
        <td>2005/02/11</td>
        <td>37%</td>
      </tr>
      <tr>
        <td>Theodore Duran</td>
        <td>8971</td>
        <td>Dhanbad</td>
        <td>1999/04/07</td>
        <td>97%</td>
      </tr>
      <tr>
        <td>Kylie Bishop</td>
        <td>3147</td>
        <td>Norman</td>
        <td>2005/09/08</td>
        <td>63%</td>
      </tr>
      <tr>
        <td>Willow Gilliam</td>
        <td>3497</td>
        <td>Amqui</td>
        <td>2009/29/11</td>
        <td>30%</td>
      </tr>
      <tr>
        <td>Blossom Dickerson</td>
        <td>5018</td>
        <td>Kempten</td>
        <td>2006/11/09</td>
        <td>17%</td>
      </tr>
      <tr>
        <td>Elliott Snyder</td>
        <td>3925</td>
        <td>Enines</td>
        <td>2006/03/08</td>
        <td>57%</td>
      </tr>
      <tr>
        <td>Castor Pugh</td>
        <td>9488</td>
        <td>Neath</td>
        <td>2014/23/12</td>
        <td>93%</td>
      </tr>
      <tr>
        <td>Pearl Carlson</td>
        <td>6231</td>
        <td>Cobourg</td>
        <td>2014/31/08</td>
        <td>100%</td>
      </tr>
      <tr>
        <td>Deirdre Bridges</td>
        <td>1579</td>
        <td>Eberswalde-Finow</td>
        <td>2014/26/08</td>
        <td>44%</td>
      </tr>
      <tr>
        <td>Daniel Baldwin</td>
        <td>6095</td>
        <td>Moircy</td>
        <td>2000/11/01</td>
        <td>33%</td>
      </tr>
      <tr>
        <td>Phelan Kane</td>
        <td>9519</td>
        <td>Germersheim</td>
        <td>1999/16/04</td>
        <td>77%</td>
      </tr>
      <tr>
        <td>Quentin Salas</td>
        <td>1339</td>
        <td>Los Andes</td>
        <td>2011/26/01</td>
        <td>49%</td>
      </tr>
      <tr>
        <td>Armand Suarez</td>
        <td>6583</td>
        <td>Funtua</td>
        <td>1999/06/11</td>
        <td>9%</td>
      </tr>
      <tr>
        <td>Gretchen Rogers</td>
        <td>5393</td>
        <td>Moxhe</td>
        <td>1998/26/10</td>
        <td>24%</td>
      </tr>
      <tr>
        <td>Harding Thompson</td>
        <td>2824</td>
        <td>Abeokuta</td>
        <td>2008/06/08</td>
        <td>10%</td>
      </tr>
      <tr>
        <td>Mira Rocha</td>
        <td>4393</td>
        <td>Port Harcourt</td>
        <td>2002/04/10</td>
        <td>14%</td>
      </tr>
      <tr>
        <td>Drew Phillips</td>
        <td>2931</td>
        <td>Goes</td>
        <td>2011/18/10</td>
        <td>58%</td>
      </tr>
      <tr>
        <td>Emerald Warner</td>
        <td>6205</td>
        <td>Chiavari</td>
        <td>2002/08/04</td>
        <td>58%</td>
      </tr>
      <tr>
        <td>Colin Burch</td>
        <td>7457</td>
        <td>Anamur</td>
        <td>2004/02/01</td>
        <td>34%</td>
      </tr>
      <tr>
        <td>Russell Haynes</td>
        <td>8916</td>
        <td>Frascati</td>
        <td>2015/28/04</td>
        <td>18%</td>
      </tr>
      <tr>
        <td>Brennan Brooks</td>
        <td>9011</td>
        <td>Olmué</td>
        <td>2000/18/04</td>
        <td>2%</td>
      </tr>
      <tr>
        <td>Kane Anthony</td>
        <td>8075</td>
        <td>LaSalle</td>
        <td>2006/21/05</td>
        <td>93%</td>
      </tr>
      <tr>
        <td>Scarlett Hurst</td>
        <td>1019</td>
        <td>Brampton</td>
        <td>2015/07/01</td>
        <td>94%</td>
      </tr>
      <tr>
        <td>James Scott</td>
        <td>3008</td>
        <td>Meux</td>
        <td>2007/30/05</td>
        <td>55%</td>
      </tr>
      <tr>
        <td>Desiree Ferguson</td>
        <td>9054</td>
        <td>Gojra</td>
        <td>2009/15/02</td>
        <td>81%</td>
      </tr>
      <tr>
        <td>Elaine Bishop</td>
        <td>9160</td>
        <td>Petrópolis</td>
        <td>2008/23/12</td>
        <td>48%</td>
      </tr>
      <tr>
        <td>Hilda Nelson</td>
        <td>6307</td>
        <td>Posina</td>
        <td>2004/23/05</td>
        <td>76%</td>
      </tr>
      <tr>
        <td>Evangeline Beasley</td>
        <td>3820</td>
        <td>Caplan</td>
        <td>2009/12/03</td>
        <td>62%</td>
      </tr>
      <tr>
        <td>Wyatt Riley</td>
        <td>5694</td>
        <td>Cavaion Veronese</td>
        <td>2012/19/02</td>
        <td>67%</td>
      </tr>
      <tr>
        <td>Wyatt Mccarthy</td>
        <td>3547</td>
        <td>Patan</td>
        <td>2014/23/06</td>
        <td>9%</td>
      </tr>
      <tr>
        <td>Cairo Rice</td>
        <td>6273</td>
        <td>Ostra Vetere</td>
        <td>2016/27/02</td>
        <td>13%</td>
      </tr>
      <tr>
        <td>Sylvia Peters</td>
        <td>6829</td>
        <td>Arrah</td>
        <td>2015/03/02</td>
        <td>13%</td>
      </tr>
      <tr>
        <td>Kasper Craig</td>
        <td>5515</td>
        <td>Firenze</td>
        <td>2015/26/04</td>
        <td>56%</td>
      </tr>
      <tr>
        <td>Leigh Ruiz</td>
        <td>5112</td>
        <td>Lac Ste. Anne</td>
        <td>2001/09/02</td>
        <td>28%</td>
      </tr>

      <tr>
        <td>Derek Kerr</td>
        <td>1724</td>
        <td>Gualdo Cattaneo</td>
        <td>2014/21/01</td>
        <td>89%</td>
      </tr>
      <tr>
        <td>Shad Hudson</td>
        <td>5944</td>
        <td>Salamanca</td>
        <td>2014/10/12</td>
        <td>98%</td>
      </tr>
      <tr>
        <td>Daryl Ayers</td>
        <td>8276</td>
        <td>Barchi</td>
        <td>2012/12/11</td>
        <td>88%</td>
      </tr>
      <tr>
        <td>Caleb Livingston</td>
        <td>3094</td>
        <td>Fatehpur</td>
        <td>2014/13/02</td>
        <td>8%</td>
      </tr>
      <tr>
        <td>Sydney Meyer</td>
        <td>4576</td>
        <td>Neubrandenburg</td>
        <td>2015/06/02</td>
        <td>22%</td>
      </tr>
      <tr>
        <td>Lani Lawrence</td>
        <td>8501</td>
        <td>Turnhout</td>
        <td>2008/07/05</td>
        <td>16%</td>
      </tr>
      <tr>
        <td>Allegra Shepherd</td>
        <td>2576</td>
        <td>Meeuwen-Gruitrode</td>
        <td>2004/19/04</td>
        <td>41%</td>
      </tr>
      <tr>
        <td>Fallon Reyes</td>
        <td>3178</td>
        <td>Monceau-sur-Sambre</td>
        <td>2005/15/02</td>
        <td>16%</td>
      </tr>
      <tr>
        <td>Karen Whitley</td>
        <td>4357</td>
        <td>Sluis</td>
        <td>2003/02/05</td>
        <td>23%</td>
      </tr>
      <tr>
        <td>Stewart Stephenson</td>
        <td>5350</td>
        <td>Villa Faraldi</td>
        <td>2003/05/07</td>
        <td>65%</td>
      </tr>
      <tr>
        <td>Ursula Reynolds</td>
        <td>7544</td>
        <td>Southampton</td>
        <td>1999/16/12</td>
        <td>61%</td>
      </tr>
      <tr>
        <td>Adrienne Winters</td>
        <td>4425</td>
        <td>Laguna Blanca</td>
        <td>2014/15/09</td>
        <td>24%</td>
      </tr>
      <tr>
        <td>Francesca Brock</td>
        <td>1337</td>
        <td>Oban</td>
        <td>2000/12/06</td>
        <td>90%</td>
      </tr>
      <tr>
        <td>Ursa Davenport</td>
        <td>7629</td>
        <td>New Plymouth</td>
        <td>2013/27/06</td>
        <td>37%</td>
      </tr>
      <tr>
        <td>Mark Brock</td>
        <td>3310</td>
        <td>Veenendaal</td>
        <td>2006/08/09</td>
        <td>41%</td>
      </tr>
      <tr>
        <td>Dale Rush</td>
        <td>5050</td>
        <td>Chicoutimi</td>
        <td>2000/27/03</td>
        <td>2%</td>
      </tr>
      <tr>
        <td>Shellie Murphy</td>
        <td>3845</td>
        <td>Marlborough</td>
        <td>2013/13/11</td>
        <td>72%</td>
      </tr>
      <tr>
        <td>Porter Nicholson</td>
        <td>4539</td>
        <td>Bismil</td>
        <td>2012/22/10</td>
        <td>23%</td>
      </tr>
      <tr>
        <td>Oliver Huber</td>
        <td>1265</td>
        <td>Hannche</td>
        <td>2002/11/01</td>
        <td>94%</td>
      </tr>
      <tr>
        <td>Calista Maynard</td>
        <td>3315</td>
        <td>Pozzuolo del Friuli</td>
        <td>2006/23/03</td>
        <td>5%</td>
      </tr>
      <tr>
        <td>Lois Vargas</td>
        <td>6825</td>
        <td>Cumberland</td>
        <td>1999/25/04</td>
        <td>50%</td>
      </tr>
      <tr>
        <td>Hermione Dickson</td>
        <td>2785</td>
        <td>Woodstock</td>
        <td>2001/22/03</td>
        <td>2%</td>
      </tr>
      <tr>
        <td>Dalton Jennings</td>
        <td>5416</td>
        <td>Dudzele</td>
        <td>2015/09/02</td>
        <td>74%</td>
      </tr>

      <tr>
        <td>Kelly Cameron</td>
        <td>4836</td>
        <td>Fontaine-Valmont</td>
        <td>1999/02/07</td>
        <td>24%</td>
      </tr>
      <tr>
        <td>Kyra Moses</td>
        <td>3796</td>
        <td>Quenast</td>
        <td>1998/07/07</td>
        <td>68%</td>
      </tr>
      <tr>
        <td>Grace Bishop</td>
        <td>8340</td>
        <td>Rodez</td>
        <td>2012/02/10</td>
        <td>4%</td>
      </tr>
      <tr>
        <td>Haviva Hernandez</td>
        <td>8136</td>
        <td>Suwałki</td>
        <td>2000/30/01</td>
        <td>16%</td>
      </tr>
      <tr>
        <td>Alisa Horn</td>
        <td>9853</td>
        <td>Ucluelet</td>
        <td>2007/01/11</td>
        <td>39%</td>
      </tr>
      <tr>
        <td>Zelenia Roman</td>
        <td>7516</td>
        <td>Redwater</td>
        <td>2012/03/03</td>
        <td>31%</td>
      </tr>
    </tbody>
  </table>
</div>

Non-Striped DataTable

Name	Ext.	City	Start Date	Completion
Unity Pugh	9958	Curicó	2005/02/11	37%
Theodore Duran	8971	Dhanbad	1999/04/07	97%
Kylie Bishop	3147	Norman	2005/09/08	63%
Willow Gilliam	3497	Amqui	2009/29/11	30%
Blossom Dickerson	5018	Kempten	2006/11/09	17%
Elliott Snyder	3925	Enines	2006/03/08	57%
Castor Pugh	9488	Neath	2014/23/12	93%
Pearl Carlson	6231	Cobourg	2014/31/08	100%
Deirdre Bridges	1579	Eberswalde-Finow	2014/26/08	44%
Daniel Baldwin	6095	Moircy	2000/11/01	33%
Phelan Kane	9519	Germersheim	1999/16/04	77%
Quentin Salas	1339	Los Andes	2011/26/01	49%
Armand Suarez	6583	Funtua	1999/06/11	9%
Gretchen Rogers	5393	Moxhe	1998/26/10	24%
Harding Thompson	2824	Abeokuta	2008/06/08	10%
Mira Rocha	4393	Port Harcourt	2002/04/10	14%
Drew Phillips	2931	Goes	2011/18/10	58%
Emerald Warner	6205	Chiavari	2002/08/04	58%
Colin Burch	7457	Anamur	2004/02/01	34%
Russell Haynes	8916	Frascati	2015/28/04	18%
Brennan Brooks	9011	Olmué	2000/18/04	2%
Kane Anthony	8075	LaSalle	2006/21/05	93%
Scarlett Hurst	1019	Brampton	2015/07/01	94%
James Scott	3008	Meux	2007/30/05	55%
Desiree Ferguson	9054	Gojra	2009/15/02	81%
Elaine Bishop	9160	Petrópolis	2008/23/12	48%
Hilda Nelson	6307	Posina	2004/23/05	76%
Evangeline Beasley	3820	Caplan	2009/12/03	62%
Wyatt Riley	5694	Cavaion Veronese	2012/19/02	67%
Wyatt Mccarthy	3547	Patan	2014/23/06	9%
Cairo Rice	6273	Ostra Vetere	2016/27/02	13%
Sylvia Peters	6829	Arrah	2015/03/02	13%
Kasper Craig	5515	Firenze	2015/26/04	56%
Leigh Ruiz	5112	Lac Ste. Anne	2001/09/02	28%
Derek Kerr	1724	Gualdo Cattaneo	2014/21/01	89%
Shad Hudson	5944	Salamanca	2014/10/12	98%
Daryl Ayers	8276	Barchi	2012/12/11	88%
Caleb Livingston	3094	Fatehpur	2014/13/02	8%
Sydney Meyer	4576	Neubrandenburg	2015/06/02	22%
Lani Lawrence	8501	Turnhout	2008/07/05	16%
Allegra Shepherd	2576	Meeuwen-Gruitrode	2004/19/04	41%
Fallon Reyes	3178	Monceau-sur-Sambre	2005/15/02	16%
Karen Whitley	4357	Sluis	2003/02/05	23%
Stewart Stephenson	5350	Villa Faraldi	2003/05/07	65%
Ursula Reynolds	7544	Southampton	1999/16/12	61%
Adrienne Winters	4425	Laguna Blanca	2014/15/09	24%
Francesca Brock	1337	Oban	2000/12/06	90%
Ursa Davenport	7629	New Plymouth	2013/27/06	37%
Mark Brock	3310	Veenendaal	2006/08/09	41%
Dale Rush	5050	Chicoutimi	2000/27/03	2%
Shellie Murphy	3845	Marlborough	2013/13/11	72%
Porter Nicholson	4539	Bismil	2012/22/10	23%
Oliver Huber	1265	Hannche	2002/11/01	94%
Calista Maynard	3315	Pozzuolo del Friuli	2006/23/03	5%
Lois Vargas	6825	Cumberland	1999/25/04	50%
Hermione Dickson	2785	Woodstock	2001/22/03	2%
Dalton Jennings	5416	Dudzele	2015/09/02	74%
Kelly Cameron	4836	Fontaine-Valmont	1999/02/07	24%
Kyra Moses	3796	Quenast	1998/07/07	68%
Grace Bishop	8340	Rodez	2012/02/10	4%
Haviva Hernandez	8136	Suwałki	2000/30/01	16%
Alisa Horn	9853	Ucluelet	2007/01/11	39%
Zelenia Roman	7516	Redwater	2012/03/03	31%

HTML

html

<div class="card card p-5" style="width: 100%">
  <table class="table table-bordered data-table2" style="min-width: 100%">
    <thead>
      <tr>
        <th>Name</th>
        <th>Ext.</th>
        <th>City</th>
        <th data-type="date" data-format="YYYY/MM/DD">Start Date</th>
        <th>Completion</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>Unity Pugh</td>
        <td>9958</td>
        <td>Curicó</td>
        <td>2005/02/11</td>
        <td>37%</td>
      </tr>
      <tr>
        <td>Theodore Duran</td>
        <td>8971</td>
        <td>Dhanbad</td>
        <td>1999/04/07</td>
        <td>97%</td>
      </tr>
      <tr>
        <td>Kylie Bishop</td>
        <td>3147</td>
        <td>Norman</td>
        <td>2005/09/08</td>
        <td>63%</td>
      </tr>
      <tr>
        <td>Willow Gilliam</td>
        <td>3497</td>
        <td>Amqui</td>
        <td>2009/29/11</td>
        <td>30%</td>
      </tr>
      <tr>
        <td>Blossom Dickerson</td>
        <td>5018</td>
        <td>Kempten</td>
        <td>2006/11/09</td>
        <td>17%</td>
      </tr>
      <tr>
        <td>Elliott Snyder</td>
        <td>3925</td>
        <td>Enines</td>
        <td>2006/03/08</td>
        <td>57%</td>
      </tr>
      <tr>
        <td>Castor Pugh</td>
        <td>9488</td>
        <td>Neath</td>
        <td>2014/23/12</td>
        <td>93%</td>
      </tr>
      <tr>
        <td>Pearl Carlson</td>
        <td>6231</td>
        <td>Cobourg</td>
        <td>2014/31/08</td>
        <td>100%</td>
      </tr>
      <tr>
        <td>Deirdre Bridges</td>
        <td>1579</td>
        <td>Eberswalde-Finow</td>
        <td>2014/26/08</td>
        <td>44%</td>
      </tr>
      <tr>
        <td>Daniel Baldwin</td>
        <td>6095</td>
        <td>Moircy</td>
        <td>2000/11/01</td>
        <td>33%</td>
      </tr>
      <tr>
        <td>Phelan Kane</td>
        <td>9519</td>
        <td>Germersheim</td>
        <td>1999/16/04</td>
        <td>77%</td>
      </tr>
      <tr>
        <td>Quentin Salas</td>
        <td>1339</td>
        <td>Los Andes</td>
        <td>2011/26/01</td>
        <td>49%</td>
      </tr>
      <tr>
        <td>Armand Suarez</td>
        <td>6583</td>
        <td>Funtua</td>
        <td>1999/06/11</td>
        <td>9%</td>
      </tr>
      <tr>
        <td>Gretchen Rogers</td>
        <td>5393</td>
        <td>Moxhe</td>
        <td>1998/26/10</td>
        <td>24%</td>
      </tr>
      <tr>
        <td>Harding Thompson</td>
        <td>2824</td>
        <td>Abeokuta</td>
        <td>2008/06/08</td>
        <td>10%</td>
      </tr>
      <tr>
        <td>Mira Rocha</td>
        <td>4393</td>
        <td>Port Harcourt</td>
        <td>2002/04/10</td>
        <td>14%</td>
      </tr>
      <tr>
        <td>Drew Phillips</td>
        <td>2931</td>
        <td>Goes</td>
        <td>2011/18/10</td>
        <td>58%</td>
      </tr>
      <tr>
        <td>Emerald Warner</td>
        <td>6205</td>
        <td>Chiavari</td>
        <td>2002/08/04</td>
        <td>58%</td>
      </tr>
      <tr>
        <td>Colin Burch</td>
        <td>7457</td>
        <td>Anamur</td>
        <td>2004/02/01</td>
        <td>34%</td>
      </tr>
      <tr>
        <td>Russell Haynes</td>
        <td>8916</td>
        <td>Frascati</td>
        <td>2015/28/04</td>
        <td>18%</td>
      </tr>
      <tr>
        <td>Brennan Brooks</td>
        <td>9011</td>
        <td>Olmué</td>
        <td>2000/18/04</td>
        <td>2%</td>
      </tr>
      <tr>
        <td>Kane Anthony</td>
        <td>8075</td>
        <td>LaSalle</td>
        <td>2006/21/05</td>
        <td>93%</td>
      </tr>
      <tr>
        <td>Scarlett Hurst</td>
        <td>1019</td>
        <td>Brampton</td>
        <td>2015/07/01</td>
        <td>94%</td>
      </tr>
      <tr>
        <td>James Scott</td>
        <td>3008</td>
        <td>Meux</td>
        <td>2007/30/05</td>
        <td>55%</td>
      </tr>
      <tr>
        <td>Desiree Ferguson</td>
        <td>9054</td>
        <td>Gojra</td>
        <td>2009/15/02</td>
        <td>81%</td>
      </tr>
      <tr>
        <td>Elaine Bishop</td>
        <td>9160</td>
        <td>Petrópolis</td>
        <td>2008/23/12</td>
        <td>48%</td>
      </tr>
      <tr>
        <td>Hilda Nelson</td>
        <td>6307</td>
        <td>Posina</td>
        <td>2004/23/05</td>
        <td>76%</td>
      </tr>
      <tr>
        <td>Evangeline Beasley</td>
        <td>3820</td>
        <td>Caplan</td>
        <td>2009/12/03</td>
        <td>62%</td>
      </tr>
      <tr>
        <td>Wyatt Riley</td>
        <td>5694</td>
        <td>Cavaion Veronese</td>
        <td>2012/19/02</td>
        <td>67%</td>
      </tr>
      <tr>
        <td>Wyatt Mccarthy</td>
        <td>3547</td>
        <td>Patan</td>
        <td>2014/23/06</td>
        <td>9%</td>
      </tr>
      <tr>
        <td>Cairo Rice</td>
        <td>6273</td>
        <td>Ostra Vetere</td>
        <td>2016/27/02</td>
        <td>13%</td>
      </tr>
      <tr>
        <td>Sylvia Peters</td>
        <td>6829</td>
        <td>Arrah</td>
        <td>2015/03/02</td>
        <td>13%</td>
      </tr>
      <tr>
        <td>Kasper Craig</td>
        <td>5515</td>
        <td>Firenze</td>
        <td>2015/26/04</td>
        <td>56%</td>
      </tr>
      <tr>
        <td>Leigh Ruiz</td>
        <td>5112</td>
        <td>Lac Ste. Anne</td>
        <td>2001/09/02</td>
        <td>28%</td>
      </tr>

      <tr>
        <td>Derek Kerr</td>
        <td>1724</td>
        <td>Gualdo Cattaneo</td>
        <td>2014/21/01</td>
        <td>89%</td>
      </tr>
      <tr>
        <td>Shad Hudson</td>
        <td>5944</td>
        <td>Salamanca</td>
        <td>2014/10/12</td>
        <td>98%</td>
      </tr>
      <tr>
        <td>Daryl Ayers</td>
        <td>8276</td>
        <td>Barchi</td>
        <td>2012/12/11</td>
        <td>88%</td>
      </tr>
      <tr>
        <td>Caleb Livingston</td>
        <td>3094</td>
        <td>Fatehpur</td>
        <td>2014/13/02</td>
        <td>8%</td>
      </tr>
      <tr>
        <td>Sydney Meyer</td>
        <td>4576</td>
        <td>Neubrandenburg</td>
        <td>2015/06/02</td>
        <td>22%</td>
      </tr>
      <tr>
        <td>Lani Lawrence</td>
        <td>8501</td>
        <td>Turnhout</td>
        <td>2008/07/05</td>
        <td>16%</td>
      </tr>
      <tr>
        <td>Allegra Shepherd</td>
        <td>2576</td>
        <td>Meeuwen-Gruitrode</td>
        <td>2004/19/04</td>
        <td>41%</td>
      </tr>
      <tr>
        <td>Fallon Reyes</td>
        <td>3178</td>
        <td>Monceau-sur-Sambre</td>
        <td>2005/15/02</td>
        <td>16%</td>
      </tr>
      <tr>
        <td>Karen Whitley</td>
        <td>4357</td>
        <td>Sluis</td>
        <td>2003/02/05</td>
        <td>23%</td>
      </tr>
      <tr>
        <td>Stewart Stephenson</td>
        <td>5350</td>
        <td>Villa Faraldi</td>
        <td>2003/05/07</td>
        <td>65%</td>
      </tr>
      <tr>
        <td>Ursula Reynolds</td>
        <td>7544</td>
        <td>Southampton</td>
        <td>1999/16/12</td>
        <td>61%</td>
      </tr>
      <tr>
        <td>Adrienne Winters</td>
        <td>4425</td>
        <td>Laguna Blanca</td>
        <td>2014/15/09</td>
        <td>24%</td>
      </tr>
      <tr>
        <td>Francesca Brock</td>
        <td>1337</td>
        <td>Oban</td>
        <td>2000/12/06</td>
        <td>90%</td>
      </tr>
      <tr>
        <td>Ursa Davenport</td>
        <td>7629</td>
        <td>New Plymouth</td>
        <td>2013/27/06</td>
        <td>37%</td>
      </tr>
      <tr>
        <td>Mark Brock</td>
        <td>3310</td>
        <td>Veenendaal</td>
        <td>2006/08/09</td>
        <td>41%</td>
      </tr>
      <tr>
        <td>Dale Rush</td>
        <td>5050</td>
        <td>Chicoutimi</td>
        <td>2000/27/03</td>
        <td>2%</td>
      </tr>
      <tr>
        <td>Shellie Murphy</td>
        <td>3845</td>
        <td>Marlborough</td>
        <td>2013/13/11</td>
        <td>72%</td>
      </tr>
      <tr>
        <td>Porter Nicholson</td>
        <td>4539</td>
        <td>Bismil</td>
        <td>2012/22/10</td>
        <td>23%</td>
      </tr>
      <tr>
        <td>Oliver Huber</td>
        <td>1265</td>
        <td>Hannche</td>
        <td>2002/11/01</td>
        <td>94%</td>
      </tr>
      <tr>
        <td>Calista Maynard</td>
        <td>3315</td>
        <td>Pozzuolo del Friuli</td>
        <td>2006/23/03</td>
        <td>5%</td>
      </tr>
      <tr>
        <td>Lois Vargas</td>
        <td>6825</td>
        <td>Cumberland</td>
        <td>1999/25/04</td>
        <td>50%</td>
      </tr>
      <tr>
        <td>Hermione Dickson</td>
        <td>2785</td>
        <td>Woodstock</td>
        <td>2001/22/03</td>
        <td>2%</td>
      </tr>
      <tr>
        <td>Dalton Jennings</td>
        <td>5416</td>
        <td>Dudzele</td>
        <td>2015/09/02</td>
        <td>74%</td>
      </tr>

      <tr>
        <td>Kelly Cameron</td>
        <td>4836</td>
        <td>Fontaine-Valmont</td>
        <td>1999/02/07</td>
        <td>24%</td>
      </tr>
      <tr>
        <td>Kyra Moses</td>
        <td>3796</td>
        <td>Quenast</td>
        <td>1998/07/07</td>
        <td>68%</td>
      </tr>
      <tr>
        <td>Grace Bishop</td>
        <td>8340</td>
        <td>Rodez</td>
        <td>2012/02/10</td>
        <td>4%</td>
      </tr>
      <tr>
        <td>Haviva Hernandez</td>
        <td>8136</td>
        <td>Suwałki</td>
        <td>2000/30/01</td>
        <td>16%</td>
      </tr>
      <tr>
        <td>Alisa Horn</td>
        <td>9853</td>
        <td>Ucluelet</td>
        <td>2007/01/11</td>
        <td>39%</td>
      </tr>
      <tr>
        <td>Zelenia Roman</td>
        <td>7516</td>
        <td>Redwater</td>
        <td>2012/03/03</td>
        <td>31%</td>
      </tr>
    </tbody>
  </table>
</div>

Build modern projects using Bootstrap 5 and Contrast

Trying to create components and pages for a web app or website from scratch while maintaining a modern User interface can be very tedious. This is why we created Contrast, to help drastically reduce the amount of time we spend doing that. so we can focus on building some other aspects of the project.

Contrast Bootstrap PRO consists of a Premium UI Kit Library featuring over 10000+ component variants. Which even comes bundled together with its own admin template comprising of 5 admin dashboards and 23+ additional admin and multipurpose pages for building almost any type of website or web app.
See a demo and learn more about Contrast Bootstrap Pro by clicking here.

InputGroup

Input