Chat List

Show All

  • A
  • B
  • D
  • J
  • O
Chat with Khelesh

Online

Hi, how are you samim? 8:40 AM, Today
Hi Khalid i am good tnx how about you? 8:55 AM, Today
I am good too, thank you for your chat template 9:00 AM, Today
You are welcome 9:05 AM, Today
I am looking for your next templates 9:07 AM, Today
Ok, thank you have a good day 9:10 AM, Today
Bye, see you 9:12 AM, Today
Hi, how are you samim? 8:40 AM, Today
Hi Khalid i am good tnx how about you? 8:55 AM, Today
I am good too, thank you for your chat template 9:00 AM, Today
You are welcome 9:05 AM, Today
I am looking for your next templates 9:07 AM, Today
Ok, thank you have a good day 9:10 AM, Today
Bye, see you 9:12 AM, Today
Notications

Show All

  • SEVER STATUS
  • KK
  • SOCIAL
  • RU
  • SEVER STATUS
  • AU
  • MO
Notes

Add New Nots

Basic Datatable

Default datatables. Add datatables class in root

Name Position Office Age Start date Salary
Tiger Nixon System Architect Edinburgh 61 2011/04/25 $320,800
Garrett Winters Accountant Tokyo 63 2011/07/25 $170,750
Ashton Cox Junior Technical Author San Francisco 66 2009/01/12 $86,000
Cedric Kelly Senior Javascript Developer Edinburgh 22 2012/03/29 $433,060
Airi Satou Accountant Tokyo 33 2008/11/28 $162,700
Brielle Williamson Integration Specialist New York 61 2012/12/02 $372,000
Herrod Chandler Sales Assistant San Francisco 59 2012/08/06 $137,500
Rhona Davidson Integration Specialist Tokyo 55 2010/10/14 $327,900
Colleen Hurst Javascript Developer San Francisco 39 2009/09/15 $205,500
Sonya Frost Software Engineer Edinburgh 23 2008/12/13 $103,600
Jena Gaines Office Manager London 30 2008/12/19 $90,560
Quinn Flynn Support Lead Edinburgh 22 2013/03/03 $342,000
Charde Marshall Regional Director San Francisco 36 2008/10/16 $470,600
Haley Kennedy Senior Marketing Designer London 43 2012/12/18 $313,500
Tatyana Fitzpatrick Regional Director London 19 2010/03/17 $385,750
Michael Silva Marketing Designer London 66 2012/11/27 $198,500
Paul Byrd Chief Financial Officer (CFO) New York 64 2010/06/09 $725,000
Gloria Little Systems Administrator New York 59 2009/04/10 $237,500
Bradley Greer Software Engineer London 41 2012/10/13 $132,000
Dai Rios Personnel Lead Edinburgh 35 2012/09/26 $217,500
Jenette Caldwell Development Lead New York 30 2011/09/03 $345,000
Yuri Berry Chief Marketing Officer (CMO) New York 40 2009/06/25 $675,000
Caesar Vance Pre-Sales Support New York 21 2011/12/12 $106,450
Doris Wilder Sales Assistant Sidney 23 2010/09/20 $85,600
Angelica Ramos Chief Executive Officer (CEO) London 47 2009/10/09 $1,200,000
Gavin Joyce Developer Edinburgh 42 2010/12/22 $92,575
Jennifer Chang Regional Director Singapore 28 2010/11/14 $357,650
Brenden Wagner Software Engineer San Francisco 28 2011/06/07 $206,850
Fiona Green Chief Operating Officer (COO) San Francisco 48 2010/03/11 $850,000
Shou Itou Regional Marketing Tokyo 20 2011/08/14 $163,000
Michelle House Integration Specialist Sidney 37 2011/06/02 $95,400
Suki Burks Developer London 53 2009/10/22 $114,500
Prescott Bartlett Technical Author London 27 2011/05/07 $145,000
Gavin Cortez Team Leader San Francisco 22 2008/10/26 $235,500
Martena Mccray Post-Sales support Edinburgh 46 2011/03/09 $324,050
Unity Butler Marketing Designer San Francisco 47 2009/12/09 $85,675
Howard Hatfield Office Manager San Francisco 51 2008/12/16 $164,500
Hope Fuentes Secretary San Francisco 41 2010/02/12 $109,850
Vivian Harrell Financial Controller San Francisco 62 2009/02/14 $452,500
Timothy Mooney Office Manager London 37 2008/12/11 $136,200
Jackson Bradshaw Director New York 65 2008/09/26 $645,750
Olivia Liang Support Engineer Singapore 64 2011/02/03 $234,500
Bruno Nash Software Engineer London 38 2011/05/03 $163,500
Sakura Yamamoto Support Engineer Tokyo 37 2009/08/19 $139,575
Thor Walton Developer New York 61 2013/08/11 $98,540
Finn Camacho Support Engineer San Francisco 47 2009/07/07 $87,500
Serge Baldwin Data Coordinator Singapore 64 2012/04/09 $138,575
Zenaida Frank Software Engineer New York 63 2010/01/04 $125,250
Zorita Serrano Software Engineer San Francisco 56 2012/06/01 $115,000
Jennifer Acosta Junior Javascript Developer Edinburgh 43 2013/02/01 $75,650
Cara Stevens Sales Assistant New York 46 2011/12/06 $145,600
Hermione Butler Regional Director London 47 2011/03/21 $356,250
Lael Greer Systems Administrator London 21 2009/02/27 $103,500
Jonas Alexander Developer San Francisco 30 2010/07/14 $86,500
Shad Decker Regional Director Edinburgh 51 2008/11/13 $183,000
Michael Bruce Javascript Developer Singapore 29 2011/06/27 $183,000
Donna Snider Customer Support New York 27 2011/01/25 $112,000
Name Position Office Age Start date Salary

 <div class="table-responsive">
	<table id="example" class="display table" style="min-width: 845px">
		<thead>
			<tr>
				<th>Name</th>
				<th>Position</th>
				<th>Office</th>
				<th>Age</th>
				<th>Start date</th>
				<th>Salary</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td>Tiger Nixon</td>
				<td>System Architect</td>
				<td>Edinburgh</td>
				<td>61</td>
				<td>2011/04/25</td>
				<td>$320,800</td>
			</tr>
			<tr>
				<td>Garrett Winters</td>
				<td>Accountant</td>
				<td>Tokyo</td>
				<td>63</td>
				<td>2011/07/25</td>
				<td>$170,750</td>
			</tr>
			<tr>
				<td>Ashton Cox</td>
				<td>Junior Technical Author</td>
				<td>San Francisco</td>
				<td>66</td>
				<td>2009/01/12</td>
				<td>$86,000</td>
			</tr>
			<tr>
				<td>Cedric Kelly</td>
				<td>Senior Javascript Developer</td>
				<td>Edinburgh</td>
				<td>22</td>
				<td>2012/03/29</td>
				<td>$433,060</td>
			</tr>
			<tr>
				<td>Airi Satou</td>
				<td>Accountant</td>
				<td>Tokyo</td>
				<td>33</td>
				<td>2008/11/28</td>
				<td>$162,700</td>
			</tr>
			<tr>
				<td>Brielle Williamson</td>
				<td>Integration Specialist</td>
				<td>New York</td>
				<td>61</td>
				<td>2012/12/02</td>
				<td>$372,000</td>
			</tr>
			<tr>
				<td>Herrod Chandler</td>
				<td>Sales Assistant</td>
				<td>San Francisco</td>
				<td>59</td>
				<td>2012/08/06</td>
				<td>$137,500</td>
			</tr>
			<tr>
				<td>Rhona Davidson</td>
				<td>Integration Specialist</td>
				<td>Tokyo</td>
				<td>55</td>
				<td>2010/10/14</td>
				<td>$327,900</td>
			</tr>
			<tr>
				<td>Colleen Hurst</td>
				<td>Javascript Developer</td>
				<td>San Francisco</td>
				<td>39</td>
				<td>2009/09/15</td>
				<td>$205,500</td>
			</tr>
			<tr>
				<td>Sonya Frost</td>
				<td>Software Engineer</td>
				<td>Edinburgh</td>
				<td>23</td>
				<td>2008/12/13</td>
				<td>$103,600</td>
			</tr>
			<tr>
				<td>Jena Gaines</td>
				<td>Office Manager</td>
				<td>London</td>
				<td>30</td>
				<td>2008/12/19</td>
				<td>$90,560</td>
			</tr>
			<tr>
				<td>Quinn Flynn</td>
				<td>Support Lead</td>
				<td>Edinburgh</td>
				<td>22</td>
				<td>2013/03/03</td>
				<td>$342,000</td>
			</tr>
			<tr>
				<td>Charde Marshall</td>
				<td>Regional Director</td>
				<td>San Francisco</td>
				<td>36</td>
				<td>2008/10/16</td>
				<td>$470,600</td>
			</tr>
			<tr>
				<td>Haley Kennedy</td>
				<td>Senior Marketing Designer</td>
				<td>London</td>
				<td>43</td>
				<td>2012/12/18</td>
				<td>$313,500</td>
			</tr>
			<tr>
				<td>Tatyana Fitzpatrick</td>
				<td>Regional Director</td>
				<td>London</td>
				<td>19</td>
				<td>2010/03/17</td>
				<td>$385,750</td>
			</tr>
			<tr>
				<td>Michael Silva</td>
				<td>Marketing Designer</td>
				<td>London</td>
				<td>66</td>
				<td>2012/11/27</td>
				<td>$198,500</td>
			</tr>
			<tr>
				<td>Paul Byrd</td>
				<td>Chief Financial Officer (CFO)</td>
				<td>New York</td>
				<td>64</td>
				<td>2010/06/09</td>
				<td>$725,000</td>
			</tr>
			<tr>
				<td>Gloria Little</td>
				<td>Systems Administrator</td>
				<td>New York</td>
				<td>59</td>
				<td>2009/04/10</td>
				<td>$237,500</td>
			</tr>
			<tr>
				<td>Bradley Greer</td>
				<td>Software Engineer</td>
				<td>London</td>
				<td>41</td>
				<td>2012/10/13</td>
				<td>$132,000</td>
			</tr>
			<tr>
				<td>Dai Rios</td>
				<td>Personnel Lead</td>
				<td>Edinburgh</td>
				<td>35</td>
				<td>2012/09/26</td>
				<td>$217,500</td>
			</tr>
			<tr>
				<td>Jenette Caldwell</td>
				<td>Development Lead</td>
				<td>New York</td>
				<td>30</td>
				<td>2011/09/03</td>
				<td>$345,000</td>
			</tr>
			<tr>
				<td>Yuri Berry</td>
				<td>Chief Marketing Officer (CMO)</td>
				<td>New York</td>
				<td>40</td>
				<td>2009/06/25</td>
				<td>$675,000</td>
			</tr>
			<tr>
				<td>Caesar Vance</td>
				<td>Pre-Sales Support</td>
				<td>New York</td>
				<td>21</td>
				<td>2011/12/12</td>
				<td>$106,450</td>
			</tr>
			<tr>
				<td>Doris Wilder</td>
				<td>Sales Assistant</td>
				<td>Sidney</td>
				<td>23</td>
				<td>2010/09/20</td>
				<td>$85,600</td>
			</tr>
			<tr>
				<td>Angelica Ramos</td>
				<td>Chief Executive Officer (CEO)</td>
				<td>London</td>
				<td>47</td>
				<td>2009/10/09</td>
				<td>$1,200,000</td>
			</tr>
			<tr>
				<td>Gavin Joyce</td>
				<td>Developer</td>
				<td>Edinburgh</td>
				<td>42</td>
				<td>2010/12/22</td>
				<td>$92,575</td>
			</tr>
			<tr>
				<td>Jennifer Chang</td>
				<td>Regional Director</td>
				<td>Singapore</td>
				<td>28</td>
				<td>2010/11/14</td>
				<td>$357,650</td>
			</tr>
			<tr>
				<td>Brenden Wagner</td>
				<td>Software Engineer</td>
				<td>San Francisco</td>
				<td>28</td>
				<td>2011/06/07</td>
				<td>$206,850</td>
			</tr>
			<tr>
				<td>Fiona Green</td>
				<td>Chief Operating Officer (COO)</td>
				<td>San Francisco</td>
				<td>48</td>
				<td>2010/03/11</td>
				<td>$850,000</td>
			</tr>
			<tr>
				<td>Shou Itou</td>
				<td>Regional Marketing</td>
				<td>Tokyo</td>
				<td>20</td>
				<td>2011/08/14</td>
				<td>$163,000</td>
			</tr>
			<tr>
				<td>Michelle House</td>
				<td>Integration Specialist</td>
				<td>Sidney</td>
				<td>37</td>
				<td>2011/06/02</td>
				<td>$95,400</td>
			</tr>
			<tr>
				<td>Suki Burks</td>
				<td>Developer</td>
				<td>London</td>
				<td>53</td>
				<td>2009/10/22</td>
				<td>$114,500</td>
			</tr>
			<tr>
				<td>Prescott Bartlett</td>
				<td>Technical Author</td>
				<td>London</td>
				<td>27</td>
				<td>2011/05/07</td>
				<td>$145,000</td>
			</tr>
			<tr>
				<td>Gavin Cortez</td>
				<td>Team Leader</td>
				<td>San Francisco</td>
				<td>22</td>
				<td>2008/10/26</td>
				<td>$235,500</td>
			</tr>
			<tr>
				<td>Martena Mccray</td>
				<td>Post-Sales support</td>
				<td>Edinburgh</td>
				<td>46</td>
				<td>2011/03/09</td>
				<td>$324,050</td>
			</tr>
			<tr>
				<td>Unity Butler</td>
				<td>Marketing Designer</td>
				<td>San Francisco</td>
				<td>47</td>
				<td>2009/12/09</td>
				<td>$85,675</td>
			</tr>
			<tr>
				<td>Howard Hatfield</td>
				<td>Office Manager</td>
				<td>San Francisco</td>
				<td>51</td>
				<td>2008/12/16</td>
				<td>$164,500</td>
			</tr>
			<tr>
				<td>Hope Fuentes</td>
				<td>Secretary</td>
				<td>San Francisco</td>
				<td>41</td>
				<td>2010/02/12</td>
				<td>$109,850</td>
			</tr>
			<tr>
				<td>Vivian Harrell</td>
				<td>Financial Controller</td>
				<td>San Francisco</td>
				<td>62</td>
				<td>2009/02/14</td>
				<td>$452,500</td>
			</tr>
			<tr>
				<td>Timothy Mooney</td>
				<td>Office Manager</td>
				<td>London</td>
				<td>37</td>
				<td>2008/12/11</td>
				<td>$136,200</td>
			</tr>
			<tr>
				<td>Jackson Bradshaw</td>
				<td>Director</td>
				<td>New York</td>
				<td>65</td>
				<td>2008/09/26</td>
				<td>$645,750</td>
			</tr>
			<tr>
				<td>Olivia Liang</td>
				<td>Support Engineer</td>
				<td>Singapore</td>
				<td>64</td>
				<td>2011/02/03</td>
				<td>$234,500</td>
			</tr>
			<tr>
				<td>Bruno Nash</td>
				<td>Software Engineer</td>
				<td>London</td>
				<td>38</td>
				<td>2011/05/03</td>
				<td>$163,500</td>
			</tr>
			<tr>
				<td>Sakura Yamamoto</td>
				<td>Support Engineer</td>
				<td>Tokyo</td>
				<td>37</td>
				<td>2009/08/19</td>
				<td>$139,575</td>
			</tr>
			<tr>
				<td>Thor Walton</td>
				<td>Developer</td>
				<td>New York</td>
				<td>61</td>
				<td>2013/08/11</td>
				<td>$98,540</td>
			</tr>
			<tr>
				<td>Finn Camacho</td>
				<td>Support Engineer</td>
				<td>San Francisco</td>
				<td>47</td>
				<td>2009/07/07</td>
				<td>$87,500</td>
			</tr>
			<tr>
				<td>Serge Baldwin</td>
				<td>Data Coordinator</td>
				<td>Singapore</td>
				<td>64</td>
				<td>2012/04/09</td>
				<td>$138,575</td>
			</tr>
			<tr>
				<td>Zenaida Frank</td>
				<td>Software Engineer</td>
				<td>New York</td>
				<td>63</td>
				<td>2010/01/04</td>
				<td>$125,250</td>
			</tr>
			<tr>
				<td>Zorita Serrano</td>
				<td>Software Engineer</td>
				<td>San Francisco</td>
				<td>56</td>
				<td>2012/06/01</td>
				<td>$115,000</td>
			</tr>
			<tr>
				<td>Jennifer Acosta</td>
				<td>Junior Javascript Developer</td>
				<td>Edinburgh</td>
				<td>43</td>
				<td>2013/02/01</td>
				<td>$75,650</td>
			</tr>
			<tr>
				<td>Cara Stevens</td>
				<td>Sales Assistant</td>
				<td>New York</td>
				<td>46</td>
				<td>2011/12/06</td>
				<td>$145,600</td>
			</tr>
			<tr>
				<td>Hermione Butler</td>
				<td>Regional Director</td>
				<td>London</td>
				<td>47</td>
				<td>2011/03/21</td>
				<td>$356,250</td>
			</tr>
			<tr>
				<td>Lael Greer</td>
				<td>Systems Administrator</td>
				<td>London</td>
				<td>21</td>
				<td>2009/02/27</td>
				<td>$103,500</td>
			</tr>
			<tr>
				<td>Jonas Alexander</td>
				<td>Developer</td>
				<td>San Francisco</td>
				<td>30</td>
				<td>2010/07/14</td>
				<td>$86,500</td>
			</tr>
			<tr>
				<td>Shad Decker</td>
				<td>Regional Director</td>
				<td>Edinburgh</td>
				<td>51</td>
				<td>2008/11/13</td>
				<td>$183,000</td>
			</tr>
			<tr>
				<td>Michael Bruce</td>
				<td>Javascript Developer</td>
				<td>Singapore</td>
				<td>29</td>
				<td>2011/06/27</td>
				<td>$183,000</td>
			</tr>
			<tr>
				<td>Donna Snider</td>
				<td>Customer Support</td>
				<td>New York</td>
				<td>27</td>
				<td>2011/01/25</td>
				<td>$112,000</td>
			</tr>
		</tbody>
		<tfoot>
			<tr>
				<th>Name</th>
				<th>Position</th>
				<th>Office</th>
				<th>Age</th>
				<th>Start date</th>
				<th>Salary</th>
			</tr>
		</tfoot>
	</table>
</div>

Datatable

datatables with border. Add class datatables-bordered with the class datatables

Name Position Office Age Start date Salary
Tiger Nixon System Architect Edinburgh 61 2011/04/25 $320,800
Garrett Winters Accountant Tokyo 63 2011/07/25 $170,750
Ashton Cox Junior Technical Author San Francisco 66 2009/01/12 $86,000
Cedric Kelly Senior Javascript Developer Edinburgh 22 2012/03/29 $433,060
Airi Satou Accountant Tokyo 33 2008/11/28 $162,700
Brielle Williamson Integration Specialist New York 61 2012/12/02 $372,000
Herrod Chandler Sales Assistant San Francisco 59 2012/08/06 $137,500
Rhona Davidson Integration Specialist Tokyo 55 2010/10/14 $327,900
Colleen Hurst Javascript Developer San Francisco 39 2009/09/15 $205,500
Sonya Frost Software Engineer Edinburgh 23 2008/12/13 $103,600
Jena Gaines Office Manager London 30 2008/12/19 $90,560
Quinn Flynn Support Lead Edinburgh 22 2013/03/03 $342,000
Charde Marshall Regional Director San Francisco 36 2008/10/16 $470,600
Haley Kennedy Senior Marketing Designer London 43 2012/12/18 $313,500
Tatyana Fitzpatrick Regional Director London 19 2010/03/17 $385,750
Michael Silva Marketing Designer London 66 2012/11/27 $198,500
Paul Byrd Chief Financial Officer (CFO) New York 64 2010/06/09 $725,000
Gloria Little Systems Administrator New York 59 2009/04/10 $237,500
Bradley Greer Software Engineer London 41 2012/10/13 $132,000
Dai Rios Personnel Lead Edinburgh 35 2012/09/26 $217,500
Jenette Caldwell Development Lead New York 30 2011/09/03 $345,000
Yuri Berry Chief Marketing Officer (CMO) New York 40 2009/06/25 $675,000
Caesar Vance Pre-Sales Support New York 21 2011/12/12 $106,450
Doris Wilder Sales Assistant Sidney 23 2010/09/20 $85,600
Angelica Ramos Chief Executive Officer (CEO) London 47 2009/10/09 $1,200,000
Gavin Joyce Developer Edinburgh 42 2010/12/22 $92,575
Jennifer Chang Regional Director Singapore 28 2010/11/14 $357,650
Brenden Wagner Software Engineer San Francisco 28 2011/06/07 $206,850
Fiona Green Chief Operating Officer (COO) San Francisco 48 2010/03/11 $850,000
Shou Itou Regional Marketing Tokyo 20 2011/08/14 $163,000
Michelle House Integration Specialist Sidney 37 2011/06/02 $95,400
Suki Burks Developer London 53 2009/10/22 $114,500
Prescott Bartlett Technical Author London 27 2011/05/07 $145,000
Gavin Cortez Team Leader San Francisco 22 2008/10/26 $235,500
Martena Mccray Post-Sales support Edinburgh 46 2011/03/09 $324,050
Unity Butler Marketing Designer San Francisco 47 2009/12/09 $85,675
Howard Hatfield Office Manager San Francisco 51 2008/12/16 $164,500
Hope Fuentes Secretary San Francisco 41 2010/02/12 $109,850
Vivian Harrell Financial Controller San Francisco 62 2009/02/14 $452,500
Timothy Mooney Office Manager London 37 2008/12/11 $136,200
Jackson Bradshaw Director New York 65 2008/09/26 $645,750
Olivia Liang Support Engineer Singapore 64 2011/02/03 $234,500
Bruno Nash Software Engineer London 38 2011/05/03 $163,500
Sakura Yamamoto Support Engineer Tokyo 37 2009/08/19 $139,575
Thor Walton Developer New York 61 2013/08/11 $98,540
Finn Camacho Support Engineer San Francisco 47 2009/07/07 $87,500
Serge Baldwin Data Coordinator Singapore 64 2012/04/09 $138,575
Zenaida Frank Software Engineer New York 63 2010/01/04 $125,250
Zorita Serrano Software Engineer San Francisco 56 2012/06/01 $115,000
Jennifer Acosta Junior Javascript Developer Edinburgh 43 2013/02/01 $75,650
Cara Stevens Sales Assistant New York 46 2011/12/06 $145,600
Hermione Butler Regional Director London 47 2011/03/21 $356,250
Lael Greer Systems Administrator London 21 2009/02/27 $103,500
Jonas Alexander Developer San Francisco 30 2010/07/14 $86,500
Shad Decker Regional Director Edinburgh 51 2008/11/13 $183,000
Michael Bruce Javascript Developer Singapore 29 2011/06/27 $183,000
Donna Snider Customer Support New York 27 2011/01/25 $112,000
Name Position Office Age Start date Salary

 <div class="table-responsive">
<table id="example2" class="display" style="width:100%">
	<thead>
		<tr>
			<th>Name</th>
			<th>Position</th>
			<th>Office</th>
			<th>Age</th>
			<th>Start date</th>
			<th>Salary</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>Tiger Nixon</td>
			<td>System Architect</td>
			<td>Edinburgh</td>
			<td>61</td>
			<td>2011/04/25</td>
			<td>$320,800</td>
		</tr>
		<tr>
			<td>Garrett Winters</td>
			<td>Accountant</td>
			<td>Tokyo</td>
			<td>63</td>
			<td>2011/07/25</td>
			<td>$170,750</td>
		</tr>
		<tr>
			<td>Ashton Cox</td>
			<td>Junior Technical Author</td>
			<td>San Francisco</td>
			<td>66</td>
			<td>2009/01/12</td>
			<td>$86,000</td>
		</tr>
		<tr>
			<td>Cedric Kelly</td>
			<td>Senior Javascript Developer</td>
			<td>Edinburgh</td>
			<td>22</td>
			<td>2012/03/29</td>
			<td>$433,060</td>
		</tr>
		<tr>
			<td>Airi Satou</td>
			<td>Accountant</td>
			<td>Tokyo</td>
			<td>33</td>
			<td>2008/11/28</td>
			<td>$162,700</td>
		</tr>
		<tr>
			<td>Brielle Williamson</td>
			<td>Integration Specialist</td>
			<td>New York</td>
			<td>61</td>
			<td>2012/12/02</td>
			<td>$372,000</td>
		</tr>
		<tr>
			<td>Herrod Chandler</td>
			<td>Sales Assistant</td>
			<td>San Francisco</td>
			<td>59</td>
			<td>2012/08/06</td>
			<td>$137,500</td>
		</tr>
		<tr>
			<td>Rhona Davidson</td>
			<td>Integration Specialist</td>
			<td>Tokyo</td>
			<td>55</td>
			<td>2010/10/14</td>
			<td>$327,900</td>
		</tr>
		<tr>
			<td>Colleen Hurst</td>
			<td>Javascript Developer</td>
			<td>San Francisco</td>
			<td>39</td>
			<td>2009/09/15</td>
			<td>$205,500</td>
		</tr>
		<tr>
			<td>Sonya Frost</td>
			<td>Software Engineer</td>
			<td>Edinburgh</td>
			<td>23</td>
			<td>2008/12/13</td>
			<td>$103,600</td>
		</tr>
		<tr>
			<td>Jena Gaines</td>
			<td>Office Manager</td>
			<td>London</td>
			<td>30</td>
			<td>2008/12/19</td>
			<td>$90,560</td>
		</tr>
		<tr>
			<td>Quinn Flynn</td>
			<td>Support Lead</td>
			<td>Edinburgh</td>
			<td>22</td>
			<td>2013/03/03</td>
			<td>$342,000</td>
		</tr>
		<tr>
			<td>Charde Marshall</td>
			<td>Regional Director</td>
			<td>San Francisco</td>
			<td>36</td>
			<td>2008/10/16</td>
			<td>$470,600</td>
		</tr>
		<tr>
			<td>Haley Kennedy</td>
			<td>Senior Marketing Designer</td>
			<td>London</td>
			<td>43</td>
			<td>2012/12/18</td>
			<td>$313,500</td>
		</tr>
		<tr>
			<td>Tatyana Fitzpatrick</td>
			<td>Regional Director</td>
			<td>London</td>
			<td>19</td>
			<td>2010/03/17</td>
			<td>$385,750</td>
		</tr>
		<tr>
			<td>Michael Silva</td>
			<td>Marketing Designer</td>
			<td>London</td>
			<td>66</td>
			<td>2012/11/27</td>
			<td>$198,500</td>
		</tr>
		<tr>
			<td>Paul Byrd</td>
			<td>Chief Financial Officer (CFO)</td>
			<td>New York</td>
			<td>64</td>
			<td>2010/06/09</td>
			<td>$725,000</td>
		</tr>
		<tr>
			<td>Gloria Little</td>
			<td>Systems Administrator</td>
			<td>New York</td>
			<td>59</td>
			<td>2009/04/10</td>
			<td>$237,500</td>
		</tr>
		<tr>
			<td>Bradley Greer</td>
			<td>Software Engineer</td>
			<td>London</td>
			<td>41</td>
			<td>2012/10/13</td>
			<td>$132,000</td>
		</tr>
		<tr>
			<td>Dai Rios</td>
			<td>Personnel Lead</td>
			<td>Edinburgh</td>
			<td>35</td>
			<td>2012/09/26</td>
			<td>$217,500</td>
		</tr>
		<tr>
			<td>Jenette Caldwell</td>
			<td>Development Lead</td>
			<td>New York</td>
			<td>30</td>
			<td>2011/09/03</td>
			<td>$345,000</td>
		</tr>
		<tr>
			<td>Yuri Berry</td>
			<td>Chief Marketing Officer (CMO)</td>
			<td>New York</td>
			<td>40</td>
			<td>2009/06/25</td>
			<td>$675,000</td>
		</tr>
		<tr>
			<td>Caesar Vance</td>
			<td>Pre-Sales Support</td>
			<td>New York</td>
			<td>21</td>
			<td>2011/12/12</td>
			<td>$106,450</td>
		</tr>
		<tr>
			<td>Doris Wilder</td>
			<td>Sales Assistant</td>
			<td>Sidney</td>
			<td>23</td>
			<td>2010/09/20</td>
			<td>$85,600</td>
		</tr>
		<tr>
			<td>Angelica Ramos</td>
			<td>Chief Executive Officer (CEO)</td>
			<td>London</td>
			<td>47</td>
			<td>2009/10/09</td>
			<td>$1,200,000</td>
		</tr>
		<tr>
			<td>Gavin Joyce</td>
			<td>Developer</td>
			<td>Edinburgh</td>
			<td>42</td>
			<td>2010/12/22</td>
			<td>$92,575</td>
		</tr>
		<tr>
			<td>Jennifer Chang</td>
			<td>Regional Director</td>
			<td>Singapore</td>
			<td>28</td>
			<td>2010/11/14</td>
			<td>$357,650</td>
		</tr>
		<tr>
			<td>Brenden Wagner</td>
			<td>Software Engineer</td>
			<td>San Francisco</td>
			<td>28</td>
			<td>2011/06/07</td>
			<td>$206,850</td>
		</tr>
		<tr>
			<td>Fiona Green</td>
			<td>Chief Operating Officer (COO)</td>
			<td>San Francisco</td>
			<td>48</td>
			<td>2010/03/11</td>
			<td>$850,000</td>
		</tr>
		<tr>
			<td>Shou Itou</td>
			<td>Regional Marketing</td>
			<td>Tokyo</td>
			<td>20</td>
			<td>2011/08/14</td>
			<td>$163,000</td>
		</tr>
		<tr>
			<td>Michelle House</td>
			<td>Integration Specialist</td>
			<td>Sidney</td>
			<td>37</td>
			<td>2011/06/02</td>
			<td>$95,400</td>
		</tr>
		<tr>
			<td>Suki Burks</td>
			<td>Developer</td>
			<td>London</td>
			<td>53</td>
			<td>2009/10/22</td>
			<td>$114,500</td>
		</tr>
		<tr>
			<td>Prescott Bartlett</td>
			<td>Technical Author</td>
			<td>London</td>
			<td>27</td>
			<td>2011/05/07</td>
			<td>$145,000</td>
		</tr>
		<tr>
			<td>Gavin Cortez</td>
			<td>Team Leader</td>
			<td>San Francisco</td>
			<td>22</td>
			<td>2008/10/26</td>
			<td>$235,500</td>
		</tr>
		<tr>
			<td>Martena Mccray</td>
			<td>Post-Sales support</td>
			<td>Edinburgh</td>
			<td>46</td>
			<td>2011/03/09</td>
			<td>$324,050</td>
		</tr>
		<tr>
			<td>Unity Butler</td>
			<td>Marketing Designer</td>
			<td>San Francisco</td>
			<td>47</td>
			<td>2009/12/09</td>
			<td>$85,675</td>
		</tr>
		<tr>
			<td>Howard Hatfield</td>
			<td>Office Manager</td>
			<td>San Francisco</td>
			<td>51</td>
			<td>2008/12/16</td>
			<td>$164,500</td>
		</tr>
		<tr>
			<td>Hope Fuentes</td>
			<td>Secretary</td>
			<td>San Francisco</td>
			<td>41</td>
			<td>2010/02/12</td>
			<td>$109,850</td>
		</tr>
		<tr>
			<td>Vivian Harrell</td>
			<td>Financial Controller</td>
			<td>San Francisco</td>
			<td>62</td>
			<td>2009/02/14</td>
			<td>$452,500</td>
		</tr>
		<tr>
			<td>Timothy Mooney</td>
			<td>Office Manager</td>
			<td>London</td>
			<td>37</td>
			<td>2008/12/11</td>
			<td>$136,200</td>
		</tr>
		<tr>
			<td>Jackson Bradshaw</td>
			<td>Director</td>
			<td>New York</td>
			<td>65</td>
			<td>2008/09/26</td>
			<td>$645,750</td>
		</tr>
		<tr>
			<td>Olivia Liang</td>
			<td>Support Engineer</td>
			<td>Singapore</td>
			<td>64</td>
			<td>2011/02/03</td>
			<td>$234,500</td>
		</tr>
		<tr>
			<td>Bruno Nash</td>
			<td>Software Engineer</td>
			<td>London</td>
			<td>38</td>
			<td>2011/05/03</td>
			<td>$163,500</td>
		</tr>
		<tr>
			<td>Sakura Yamamoto</td>
			<td>Support Engineer</td>
			<td>Tokyo</td>
			<td>37</td>
			<td>2009/08/19</td>
			<td>$139,575</td>
		</tr>
		<tr>
			<td>Thor Walton</td>
			<td>Developer</td>
			<td>New York</td>
			<td>61</td>
			<td>2013/08/11</td>
			<td>$98,540</td>
		</tr>
		<tr>
			<td>Finn Camacho</td>
			<td>Support Engineer</td>
			<td>San Francisco</td>
			<td>47</td>
			<td>2009/07/07</td>
			<td>$87,500</td>
		</tr>
		<tr>
			<td>Serge Baldwin</td>
			<td>Data Coordinator</td>
			<td>Singapore</td>
			<td>64</td>
			<td>2012/04/09</td>
			<td>$138,575</td>
		</tr>
		<tr>
			<td>Zenaida Frank</td>
			<td>Software Engineer</td>
			<td>New York</td>
			<td>63</td>
			<td>2010/01/04</td>
			<td>$125,250</td>
		</tr>
		<tr>
			<td>Zorita Serrano</td>
			<td>Software Engineer</td>
			<td>San Francisco</td>
			<td>56</td>
			<td>2012/06/01</td>
			<td>$115,000</td>
		</tr>
		<tr>
			<td>Jennifer Acosta</td>
			<td>Junior Javascript Developer</td>
			<td>Edinburgh</td>
			<td>43</td>
			<td>2013/02/01</td>
			<td>$75,650</td>
		</tr>
		<tr>
			<td>Cara Stevens</td>
			<td>Sales Assistant</td>
			<td>New York</td>
			<td>46</td>
			<td>2011/12/06</td>
			<td>$145,600</td>
		</tr>
		<tr>
			<td>Hermione Butler</td>
			<td>Regional Director</td>
			<td>London</td>
			<td>47</td>
			<td>2011/03/21</td>
			<td>$356,250</td>
		</tr>
		<tr>
			<td>Lael Greer</td>
			<td>Systems Administrator</td>
			<td>London</td>
			<td>21</td>
			<td>2009/02/27</td>
			<td>$103,500</td>
		</tr>
		<tr>
			<td>Jonas Alexander</td>
			<td>Developer</td>
			<td>San Francisco</td>
			<td>30</td>
			<td>2010/07/14</td>
			<td>$86,500</td>
		</tr>
		<tr>
			<td>Shad Decker</td>
			<td>Regional Director</td>
			<td>Edinburgh</td>
			<td>51</td>
			<td>2008/11/13</td>
			<td>$183,000</td>
		</tr>
		<tr>
			<td>Michael Bruce</td>
			<td>Javascript Developer</td>
			<td>Singapore</td>
			<td>29</td>
			<td>2011/06/27</td>
			<td>$183,000</td>
		</tr>
		<tr>
			<td>Donna Snider</td>
			<td>Customer Support</td>
			<td>New York</td>
			<td>27</td>
			<td>2011/01/25</td>
			<td>$112,000</td>
		</tr>
	</tbody>
	<tfoot>
		<tr>
			<th>Name</th>
			<th>Position</th>
			<th>Office</th>
			<th>Age</th>
			<th>Start date</th>
			<th>Salary</th>
		</tr>
	</tfoot>
</table>
</div>
</div>

Profile Datatable

Add profile class with datatables

Name Department Gender Education Mobile Email Joining Date Action
Tiger Nixon Architect Male M.COM., P.H.D. 123 456 7890 info@example.com 2011/04/25
Garrett Winters Accountant Female M.COM., P.H.D. 123 456 7890 info@example.com 2011/07/25
Ashton Cox Junior Technical Male B.COM., M.COM. 123 456 7890 info@example.com 2009/01/12
Cedric Kelly Developer Male B.COM., M.COM. 123 456 7890 info@example.com 2012/03/29
Airi Satou Accountant Female B.A, B.C.A 123 456 7890 info@example.com 2008/11/28
Brielle Williamson Specialist Male B.COM., M.COM. 123 456 7890 info@example.com 2012/12/02
Herrod Chandler Sales Assistant Female B.A, B.C.A 123 456 7890 info@example.com 2012/08/06
Rhona Davidson Integration Male B.TACH, M.TACH 123 456 7890 info@example.com 2010/10/14
Colleen Hurst Javascript Developer Female B.A, B.C.A 123 456 7890 info@example.com 2009/09/15
Sonya Frost Software Engineer Male B.COM., M.COM. 123 456 7890 info@example.com 2008/12/13
Jena Gaines Office Manager Female B.TACH, M.TACH 123 456 7890 info@example.com 2008/12/19
Quinn Flynn Support Lead Male B.TACH, M.TACH 123 456 7890 info@example.com 2013/03/03
Charde Marshall Regional Director Female B.A, B.C.A 123 456 7890 info@example.com 2008/10/16
Haley Kennedy Senior Marketing Male B.COM., M.COM. 123 456 7890 info@example.com 2012/12/18
Tatyana Fitzpatrick Regional Director Male B.TACH, M.TACH 123 456 7890 info@example.com 2010/03/17
Michael Silva Marketing Designer Female B.A, B.C.A 123 456 7890 info@example.com 2012/11/27
Paul Byrd Financial Officer Male B.TACH, M.TACH 123 456 7890 info@example.com 2010/06/09
Gloria Little Systems Administrator Female B.A, B.C.A 123 456 7890 info@example.com 2009/04/10
Bradley Greer Software Engineer Male B.COM., M.COM. 123 456 7890 info@example.com 2012/10/13
Dai Rios Personnel Lead Male B.TACH, M.TACH 123 456 7890 info@example.com 2012/09/26
Jenette Caldwell Development Lead Female B.A, B.C.A 123 456 7890 info@example.com 2011/09/03
Yuri Berry Marketing Officer Male B.TACH, M.TACH 123 456 7890 info@example.com 2009/06/25
Caesar Vance Pre-Sales Support Male B.TACH, M.TACH 123 456 7890 info@example.com 2011/12/12
Doris Wilder Sales Assistant Female B.A, B.C.A 123 456 7890 info@example.com 2010/09/20
Angelica Ramos Executive Officer Male B.COM., M.COM. 123 456 7890 info@example.com 2009/10/09
Gavin Joyce Developer Female B.TACH, M.TACH 123 456 7890 info@example.com 2010/12/22
Jennifer Chang Regional Director Male B.A, B.C.A 123 456 7890 info@example.com 2010/11/14
Brenden Wagner Software Engineer Female B.TACH, M.TACH 123 456 7890 info@example.com 2011/06/07
Fiona Green Operating Officer Male B.A, B.C.A 123 456 7890 info@example.com 2010/03/11
Shou Itou Regional Marketing Female B.COM., M.COM. 123 456 7890 info@example.com 2011/08/14
<div class="table-responsive">
<table id="example3" class="display table" style="min-width: 845px">
<thead>
	<tr>
		<th></th>
		<th>Name</th>
		<th>Department</th>
		<th>Gender</th>
		<th>Education</th>
		<th>Mobile</th>
		<th>Email</th>
		<th>Joining Date</th>
		<th>Action</th>
	</tr>
</thead>
<tbody>
	<tr>
		<td><img class="rounded-circle" width="35" src="https://w3crm.dexignzone.com/laravel/demo/images/profile/small/pic1.jpg" alt=""></td>
		<td>Tiger Nixon</td>
		<td>Architect</td>
		<td>Male</td>
		<td>M.COM., P.H.D.</td>
		<td><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
		<td><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
		<td>2011/04/25</td>
		<td>
			<div class="d-flex">
				<a href="#" class="btn btn-primary shadow btn-xs sharp me-1"><i class="fas fa-pencil-alt"></i></a>
				<a href="#" class="btn btn-danger shadow btn-xs sharp"><i class="fa fa-trash"></i></a>
			</div>
		</td>
	</tr>
	<tr>
		<td><img class="rounded-circle" width="35" src="https://w3crm.dexignzone.com/laravel/demo/images/profile/small/pic2.jpg" alt=""></td>
		<td>Garrett Winters</td>
		<td>Accountant</td>
		<td>Female</td>
		<td>M.COM., P.H.D.</td>
		<td><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
		<td><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
		<td>2011/07/25</td>
		<td>
			<div class="d-flex">
				<a href="#" class="btn btn-primary shadow btn-xs sharp me-1"><i class="fas fa-pencil-alt"></i></a>
				<a href="#" class="btn btn-danger shadow btn-xs sharp"><i class="fa fa-trash"></i></a>
			</div>
		</td>
	</tr>
	<tr>
		<td><img class="rounded-circle" width="35" src="https://w3crm.dexignzone.com/laravel/demo/images/profile/small/pic3.jpg" alt=""></td>
		<td>Ashton Cox</td>
		<td>Junior Technical</td>
		<td>Male</td>
		<td>B.COM., M.COM.</td>
		<td><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
		<td><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
		<td>2009/01/12</td>
		<td>
			<div class="d-flex">
				<a href="#" class="btn btn-primary shadow btn-xs sharp me-1"><i class="fas fa-pencil-alt"></i></a>
				<a href="#" class="btn btn-danger shadow btn-xs sharp"><i class="fa fa-trash"></i></a>
			</div>
		</td>
	</tr>
	<tr>
		<td><img class="rounded-circle" width="35" src="https://w3crm.dexignzone.com/laravel/demo/images/profile/small/pic4.jpg" alt=""></td>
		<td>Cedric Kelly</td>
		<td>Developer</td>
		<td>Male</td>
		<td>B.COM., M.COM.</td>
		<td><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
		<td><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
		<td>2012/03/29</td>
		<td>
			<div class="d-flex">
				<a href="#" class="btn btn-primary shadow btn-xs sharp me-1"><i class="fas fa-pencil-alt"></i></a>
				<a href="#" class="btn btn-danger shadow btn-xs sharp"><i class="fa fa-trash"></i></a>
			</div>
		</td>
	</tr>
	<tr>
		<td><img class="rounded-circle" width="35" src="https://w3crm.dexignzone.com/laravel/demo/images/profile/small/pic5.jpg" alt=""></td>
		<td>Airi Satou</td>
		<td>Accountant</td>
		<td>Female</td>
		<td>B.A, B.C.A</td>
		<td><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
		<td><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
		<td>2008/11/28</td>
		<td>
			<div class="d-flex">
				<a href="#" class="btn btn-primary shadow btn-xs sharp me-1"><i class="fas fa-pencil-alt"></i></a>
				<a href="#" class="btn btn-danger shadow btn-xs sharp"><i class="fa fa-trash"></i></a>
			</div>
		</td>
	</tr>
	<tr>
		<td><img class="rounded-circle" width="35" src="https://w3crm.dexignzone.com/laravel/demo/images/profile/small/pic6.jpg" alt=""></td>
		<td>Brielle Williamson</td>
		<td>Specialist</td>
		<td>Male</td>
		<td>B.COM., M.COM.</td>
		<td><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
		<td><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
		<td>2012/12/02</td>
		<td>
			<div class="d-flex">
				<a href="#" class="btn btn-primary shadow btn-xs sharp me-1"><i class="fas fa-pencil-alt"></i></a>
				<a href="#" class="btn btn-danger shadow btn-xs sharp"><i class="fa fa-trash"></i></a>
			</div>
		</td>
	</tr>
	<tr>
		<td><img class="rounded-circle" width="35" src="https://w3crm.dexignzone.com/laravel/demo/images/profile/small/pic7.jpg" alt=""></td>
		<td>Herrod Chandler</td>
		<td>Sales Assistant</td>
		<td>Female</td>
		<td>B.A, B.C.A</td>
		<td><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
		<td><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
		<td>2012/08/06</td>
		<td>
			<div class="d-flex">
				<a href="#" class="btn btn-primary shadow btn-xs sharp me-1"><i class="fas fa-pencil-alt"></i></a>
				<a href="#" class="btn btn-danger shadow btn-xs sharp"><i class="fa fa-trash"></i></a>
			</div>
		</td>
	</tr>
	<tr>
		<td><img class="rounded-circle" width="35" src="https://w3crm.dexignzone.com/laravel/demo/images/profile/small/pic8.jpg" alt=""></td>
		<td>Rhona Davidson</td>
		<td>Integration</td>
		<td>Male</td>
		<td>B.TACH, M.TACH</td>
		<td><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
		<td><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
		<td>2010/10/14</td>
		<td>
			<div class="d-flex">
				<a href="#" class="btn btn-primary shadow btn-xs sharp me-1"><i class="fas fa-pencil-alt"></i></a>
				<a href="#" class="btn btn-danger shadow btn-xs sharp"><i class="fa fa-trash"></i></a>
			</div>
		</td>
	</tr>
	<tr>
		<td><img class="rounded-circle" width="35" src="https://w3crm.dexignzone.com/laravel/demo/images/profile/small/pic9.jpg" alt=""></td>
		<td>Colleen Hurst</td>
		<td>Javascript Developer</td>
		<td>Female</td>
		<td>B.A, B.C.A</td>
		<td><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
		<td><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
		<td>2009/09/15</td>
		<td>
			<div class="d-flex">
				<a href="#" class="btn btn-primary shadow btn-xs sharp me-1"><i class="fas fa-pencil-alt"></i></a>
				<a href="#" class="btn btn-danger shadow btn-xs sharp"><i class="fa fa-trash"></i></a>
			</div>
		</td>
	</tr>
	<tr>
		<td><img class="rounded-circle" width="35" src="https://w3crm.dexignzone.com/laravel/demo/images/profile/small/pic10.jpg" alt=""></td>
		<td>Sonya Frost</td>
		<td>Software Engineer</td>
		<td>Male</td>
		<td>B.COM., M.COM.</td>
		<td><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
		<td><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
		<td>2008/12/13</td>
		<td>
			<div class="d-flex">
				<a href="#" class="btn btn-primary shadow btn-xs sharp me-1"><i class="fas fa-pencil-alt"></i></a>
				<a href="#" class="btn btn-danger shadow btn-xs sharp"><i class="fa fa-trash"></i></a>
			</div>
		</td>
	</tr>
	<tr>
		<td><img class="rounded-circle" width="35" src="https://w3crm.dexignzone.com/laravel/demo/images/profile/small/pic1.jpg" alt=""></td>
		<td>Jena Gaines</td>
		<td>Office Manager</td>
		<td>Female</td>
		<td>B.TACH, M.TACH</td>
		<td><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
		<td><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
		<td>2008/12/19</td>
		<td>
			<div class="d-flex">
				<a href="#" class="btn btn-primary shadow btn-xs sharp me-1"><i class="fas fa-pencil-alt"></i></a>
				<a href="#" class="btn btn-danger shadow btn-xs sharp"><i class="fa fa-trash"></i></a>
			</div>
		</td>
	</tr>
	<tr>
		<td><img class="rounded-circle" width="35" src="https://w3crm.dexignzone.com/laravel/demo/images/profile/small/pic2.jpg" alt=""></td>
		<td>Quinn Flynn</td>
		<td>Support Lead</td>
		<td>Male</td>
		<td>B.TACH, M.TACH</td>
		<td><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
		<td><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
		<td>2013/03/03</td>
		<td>
			<div class="d-flex">
				<a href="#" class="btn btn-primary shadow btn-xs sharp me-1"><i class="fas fa-pencil-alt"></i></a>
				<a href="#" class="btn btn-danger shadow btn-xs sharp"><i class="fa fa-trash"></i></a>
			</div>
		</td>
	</tr>
	<tr>
		<td><img class="rounded-circle" width="35" src="https://w3crm.dexignzone.com/laravel/demo/images/profile/small/pic3.jpg" alt=""></td>
		<td>Charde Marshall</td>
		<td>Regional Director</td>
		<td>Female</td>
		<td>B.A, B.C.A</td>
		<td><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
		<td><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
		<td>2008/10/16</td>
		<td>
			<div class="d-flex">
				<a href="#" class="btn btn-primary shadow btn-xs sharp me-1"><i class="fas fa-pencil-alt"></i></a>
				<a href="#" class="btn btn-danger shadow btn-xs sharp"><i class="fa fa-trash"></i></a>
			</div>
		</td>
	</tr>
	<tr>
		<td><img class="rounded-circle" width="35" src="https://w3crm.dexignzone.com/laravel/demo/images/profile/small/pic4.jpg" alt=""></td>
		<td>Haley Kennedy</td>
		<td>Senior Marketing</td>
		<td>Male</td>
		<td>B.COM., M.COM.</td>
		<td><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
		<td><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
		<td>2012/12/18</td>
		<td>
			<div class="d-flex">
				<a href="#" class="btn btn-primary shadow btn-xs sharp me-1"><i class="fas fa-pencil-alt"></i></a>
				<a href="#" class="btn btn-danger shadow btn-xs sharp"><i class="fa fa-trash"></i></a>
			</div>
		</td>
	</tr>
	<tr>
		<td><img class="rounded-circle" width="35" src="https://w3crm.dexignzone.com/laravel/demo/images/profile/small/pic5.jpg" alt=""></td>
		<td>Tatyana Fitzpatrick</td>
		<td>Regional Director</td>
		<td>Male</td>
		<td>B.TACH, M.TACH</td>
		<td><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
		<td><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
		<td>2010/03/17</td>
		<td>
			<div class="d-flex">
				<a href="#" class="btn btn-primary shadow btn-xs sharp me-1"><i class="fas fa-pencil-alt"></i></a>
				<a href="#" class="btn btn-danger shadow btn-xs sharp"><i class="fa fa-trash"></i></a>
			</div>
		</td>
	</tr>
	<tr>
		<td><img class="rounded-circle" width="35" src="https://w3crm.dexignzone.com/laravel/demo/images/profile/small/pic6.jpg" alt=""></td>
		<td>Michael Silva</td>
		<td>Marketing Designer</td>
		<td>Female</td>
		<td>B.A, B.C.A</td>
		<td><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
		<td><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
		<td>2012/11/27</td>
		<td>
			<div class="d-flex">
				<a href="#" class="btn btn-primary shadow btn-xs sharp me-1"><i class="fas fa-pencil-alt"></i></a>
				<a href="#" class="btn btn-danger shadow btn-xs sharp"><i class="fa fa-trash"></i></a>
			</div>
		</td>
	</tr>
	<tr>
		<td><img class="rounded-circle" width="35" src="https://w3crm.dexignzone.com/laravel/demo/images/profile/small/pic7.jpg" alt=""></td>
		<td>Paul Byrd</td>
		<td>Financial Officer</td>
		<td>Male</td>
		<td>B.TACH, M.TACH</td>
		<td><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
		<td><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
		<td>2010/06/09</td>
		<td>
			<div class="d-flex">
				<a href="#" class="btn btn-primary shadow btn-xs sharp me-1"><i class="fas fa-pencil-alt"></i></a>
				<a href="#" class="btn btn-danger shadow btn-xs sharp"><i class="fa fa-trash"></i></a>
			</div>
		</td>
	</tr>
	<tr>
		<td><img class="rounded-circle" width="35" src="https://w3crm.dexignzone.com/laravel/demo/images/profile/small/pic8.jpg" alt=""></td>
		<td>Gloria Little</td>
		<td>Systems Administrator</td>
		<td>Female</td>
		<td>B.A, B.C.A</td>
		<td><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
		<td><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
		<td>2009/04/10</td>
		<td>
			<div class="d-flex">
				<a href="#" class="btn btn-primary shadow btn-xs sharp me-1"><i class="fas fa-pencil-alt"></i></a>
				<a href="#" class="btn btn-danger shadow btn-xs sharp"><i class="fa fa-trash"></i></a>
			</div>
		</td>
	</tr>
	<tr>
		<td><img class="rounded-circle" width="35" src="https://w3crm.dexignzone.com/laravel/demo/images/profile/small/pic9.jpg" alt=""></td>
		<td>Bradley Greer</td>
		<td>Software Engineer</td>
		<td>Male</td>
		<td>B.COM., M.COM.</td>
		<td><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
		<td><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
		<td>2012/10/13</td>
		<td>
			<div class="d-flex">
				<a href="#" class="btn btn-primary shadow btn-xs sharp me-1"><i class="fas fa-pencil-alt"></i></a>
				<a href="#" class="btn btn-danger shadow btn-xs sharp"><i class="fa fa-trash"></i></a>
			</div>
		</td>
	</tr>
	<tr>
		<td><img class="rounded-circle" width="35" src="https://w3crm.dexignzone.com/laravel/demo/images/profile/small/pic10.jpg" alt=""></td>
		<td>Dai Rios</td>
		<td>Personnel Lead</td>
		<td>Male</td>
		<td>B.TACH, M.TACH</td>
		<td><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
		<td><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
		<td>2012/09/26</td>
		<td>
			<div class="d-flex">
				<a href="#" class="btn btn-primary shadow btn-xs sharp me-1"><i class="fas fa-pencil-alt"></i></a>
				<a href="#" class="btn btn-danger shadow btn-xs sharp"><i class="fa fa-trash"></i></a>
			</div>
		</td>
	</tr>
	<tr>
		<td><img class="rounded-circle" width="35" src="https://w3crm.dexignzone.com/laravel/demo/images/profile/small/pic1.jpg" alt=""></td>
		<td>Jenette Caldwell</td>
		<td>Development Lead</td>
		<td>Female</td>
		<td>B.A, B.C.A</td>
		<td><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
		<td><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
		<td>2011/09/03</td>
		<td>
			<div class="d-flex">
				<a href="#" class="btn btn-primary shadow btn-xs sharp me-1"><i class="fas fa-pencil-alt"></i></a>
				<a href="#" class="btn btn-danger shadow btn-xs sharp"><i class="fa fa-trash"></i></a>
			</div>
		</td>
	</tr>
	<tr>
		<td><img class="rounded-circle" width="35" src="https://w3crm.dexignzone.com/laravel/demo/images/profile/small/pic2.jpg" alt=""></td>
		<td>Yuri Berry</td>
		<td>Marketing Officer</td>
		<td>Male</td>
		<td>B.TACH, M.TACH</td>
		<td><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
		<td><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
		<td>2009/06/25</td>
		<td>
			<div class="d-flex">
				<a href="#" class="btn btn-primary shadow btn-xs sharp me-1"><i class="fas fa-pencil-alt"></i></a>
				<a href="#" class="btn btn-danger shadow btn-xs sharp"><i class="fa fa-trash"></i></a>
			</div>
		</td>
	</tr>
	<tr>
		<td><img class="rounded-circle" width="35" src="https://w3crm.dexignzone.com/laravel/demo/images/profile/small/pic3.jpg" alt=""></td>
		<td>Caesar Vance</td>
		<td>Pre-Sales Support</td>
		<td>Male</td>
		<td>B.TACH, M.TACH</td>
		<td><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
		<td><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
		<td>2011/12/12</td>
		<td>
			<div class="d-flex">
				<a href="#" class="btn btn-primary shadow btn-xs sharp me-1"><i class="fas fa-pencil-alt"></i></a>
				<a href="#" class="btn btn-danger shadow btn-xs sharp"><i class="fa fa-trash"></i></a>
			</div>
		</td>
	</tr>
	<tr>
		<td><img class="rounded-circle" width="35" src="https://w3crm.dexignzone.com/laravel/demo/images/profile/small/pic4.jpg" alt=""></td>
		<td>Doris Wilder</td>
		<td>Sales Assistant</td>
		<td>Female</td>
		<td>B.A, B.C.A</td>
		<td><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
		<td><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
		<td>2010/09/20</td>
		<td>
			<div class="d-flex">
				<a href="#" class="btn btn-primary shadow btn-xs sharp me-1"><i class="fas fa-pencil-alt"></i></a>
				<a href="#" class="btn btn-danger shadow btn-xs sharp"><i class="fa fa-trash"></i></a>
			</div>
		</td>
	</tr>
	<tr>
		<td><img class="rounded-circle" width="35" src="https://w3crm.dexignzone.com/laravel/demo/images/profile/small/pic5.jpg" alt=""></td>
		<td>Angelica Ramos</td>
		<td>Executive Officer</td>
		<td>Male</td>
		<td>B.COM., M.COM.</td>
		<td><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
		<td><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
		<td>2009/10/09</td>
		<td>
			<div class="d-flex">
				<a href="#" class="btn btn-primary shadow btn-xs sharp me-1"><i class="fas fa-pencil-alt"></i></a>
				<a href="#" class="btn btn-danger shadow btn-xs sharp"><i class="fa fa-trash"></i></a>
			</div>
		</td>
	</tr>
	<tr>
		<td><img class="rounded-circle" width="35" src="https://w3crm.dexignzone.com/laravel/demo/images/profile/small/pic6.jpg" alt=""></td>
		<td>Gavin Joyce</td>
		<td>Developer</td>
		<td>Female</td>
		<td>B.TACH, M.TACH</td>
		<td><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
		<td><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
		<td>2010/12/22</td>
		<td>
			<div class="d-flex">
				<a href="#" class="btn btn-primary shadow btn-xs sharp me-1"><i class="fas fa-pencil-alt"></i></a>
				<a href="#" class="btn btn-danger shadow btn-xs sharp"><i class="fa fa-trash"></i></a>
			</div>
		</td>
	</tr>
	<tr>
		<td><img class="rounded-circle" width="35" src="https://w3crm.dexignzone.com/laravel/demo/images/profile/small/pic7.jpg" alt=""></td>
		<td>Jennifer Chang</td>
		<td>Regional Director</td>
		<td>Male</td>
		<td>B.A, B.C.A</td>
		<td><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
		<td><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
		<td>2010/11/14</td>
		<td>
			<div class="d-flex">
				<a href="#" class="btn btn-primary shadow btn-xs sharp me-1"><i class="fas fa-pencil-alt"></i></a>
				<a href="#" class="btn btn-danger shadow btn-xs sharp"><i class="fa fa-trash"></i></a>
			</div>
		</td>
	</tr>
	<tr>
		<td><img class="rounded-circle" width="35" src="https://w3crm.dexignzone.com/laravel/demo/images/profile/small/pic8.jpg" alt=""></td>
		<td>Brenden Wagner</td>
		<td>Software Engineer</td>
		<td>Female</td>
		<td>B.TACH, M.TACH</td>
		<td><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
		<td><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
		<td>2011/06/07</td>
		<td>
			<div class="d-flex">
				<a href="#" class="btn btn-primary shadow btn-xs sharp me-1"><i class="fas fa-pencil-alt"></i></a>
				<a href="#" class="btn btn-danger shadow btn-xs sharp"><i class="fa fa-trash"></i></a>
			</div>
		</td>
	</tr>
	<tr>
		<td><img class="rounded-circle" width="35" src="https://w3crm.dexignzone.com/laravel/demo/images/profile/small/pic9.jpg" alt=""></td>
		<td>Fiona Green</td>
		<td>Operating Officer</td>
		<td>Male</td>
		<td>B.A, B.C.A</td>
		<td><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
		<td><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
		<td>2010/03/11</td>
		<td>
			<div class="d-flex">
				<a href="#" class="btn btn-primary shadow btn-xs sharp me-1"><i class="fas fa-pencil-alt"></i></a>
				<a href="#" class="btn btn-danger shadow btn-xs sharp"><i class="fa fa-trash"></i></a>
			</div>
		</td>
	</tr>
	<tr>
		<td><img class="rounded-circle" width="35" src="https://w3crm.dexignzone.com/laravel/demo/images/profile/small/pic10.jpg" alt=""></td>
		<td>Shou Itou</td>
		<td>Regional Marketing</td>
		<td>Female</td>
		<td>B.COM., M.COM.</td>
		<td><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
		<td><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
		<td>2011/08/14</td>
		<td>
			<div class="d-flex">
				<a href="#" class="btn btn-primary shadow btn-xs sharp me-1"><i class="fas fa-pencil-alt"></i></a>
				<a href="#" class="btn btn-danger shadow btn-xs sharp"><i class="fa fa-trash"></i></a>
			</div>
		</td>
	</tr>
</tbody>
</table>
</div>

Fees Collection

Add fees class with datatables

Roll No Student Name Invoice number Fees Type Payment Type Status Date Amount
01 Tiger Nixon #54605 Library Cash Paid 2011/04/25 120$
02 Garrett Winters #54687 Library Credit Card Panding 2011/07/25 120$
03 Ashton Cox #35672 Tuition Cash Paid 2009/01/12 120$
04 Cedric Kelly #57984 Annual Credit Card Panding 2012/03/29 120$
05 Airi Satou #12453 Library Cheque Panding 2008/11/28 120$
06 Brielle Williamson #59723 Tuition Cash Paid 2012/12/02 120$
07 Herrod Chandler #98726 Tuition Credit Card Udpaid 2012/08/06 120$
08 Rhona Davidson #98721 Library Cheque Udpaid 2010/10/14 120$
09 Colleen Hurst #54605 Annual Cheque Paid 2009/09/15 120$
10 Sonya Frost #98734 Tuition Credit Card Udpaid 2008/12/13 120$
11 Jena Gaines #12457 Tuition Cash Udpaid 2008/12/19 120$
12 Quinn Flynn #36987 Library Cheque Panding 2013/03/03 120$
13 Charde Marshall #98756 Tuition Cheque Paid 2008/10/16 120$
14 Haley Kennedy #98754 Library Cash Udpaid 2012/12/18 120$
15 Tatyana Fitzpatrick #65248 Annual Cheque Udpaid 2010/03/17 120$
16 Michael Silva #75943 Tuition Credit Card Paid 2012/11/27 120$
17 Paul Byrd #87954 Library Cheque Panding 2010/06/09 120$
18 Gloria Little #98746 Tuition Cheque Paid 2009/04/10 120$
19 Bradley Greer #98674 Annual Cash Udpaid 2012/10/13 120$
20 Dai Rios #69875 Tuition Cheque Panding 2012/09/26 120$
21 Jenette Caldwell #54678 Library Cheque Paid 2011/09/03 120$
22 Yuri Berry #98756 Tuition Credit Card Udpaid 2009/06/25 120$
23 Caesar Vance #86754 Tuition Cheque Paid 2011/12/12 120$
24 Doris Wilder #34251 Annual Cash Panding 2010/09/20 120$
25 Angelica Ramos #65874 Tuition Cheque Udpaid 2009/10/09 120$
26 Gavin Joyce #54605 Female Credit Card Paid 2010/12/22 120$
27 Jennifer Chang #54605 Tuition Cheque Panding 2010/11/14 120$
28 Brenden Wagner #45687 Library Cheque Udpaid 2011/06/07 120$
29 Fiona Green #23456 Tuition Cash Paid 2010/03/11 120$
30 Shou Itou #54605 Annual Credit Card Panding 2011/08/14 120$
<div class="table-responsive">
	<table id="example4" class="display table" style="min-width: 845px">
		<thead>
			<tr>
				<th>Roll No</th>
				<th>Student Name</th>
				<th>Invoice number</th>
				<th>Fees Type </th>
				<th>Payment Type </th>
				<th>Status </th>
				<th>Date</th>
				<th>Amount</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td>01</td>
				<td>Tiger Nixon</td>
				<td>#54605</td>
				<td>Library</td>
				<td>Cash</td>
				<td><span class="badge light badge-success">Paid</span></td>
				<td>2011/04/25</td>
				<td><strong>120$</strong></td>
			</tr>
			<tr>
				<td>02</td>
				<td>Garrett Winters</td>
				<td>#54687</td>
				<td>Library</td>
				<td>Credit Card</td>
				<td><span class="badge light badge-warning">Panding</span></td>
				<td>2011/07/25</td>
				<td><strong>120$</strong></td>
			</tr>
			<tr>
				<td>03</td>
				<td>Ashton Cox</td>
				<td>#35672</td>
				<td>Tuition</td>
				<td>Cash</td>
				<td><span class="badge light badge-success">Paid</span></td>
				<td>2009/01/12</td>
				<td><strong>120$</strong></td>
			</tr>
			<tr>
				<td>04</td>
				<td>Cedric Kelly</td>
				<td>#57984</td>
				<td>Annual</td>
				<td>Credit Card</td>
				<td><span class="badge light badge-warning">Panding</span></td>
				<td>2012/03/29</td>
				<td><strong>120$</strong></td>
			</tr>
			<tr>
				<td>05</td>
				<td>Airi Satou</td>
				<td>#12453</td>
				<td>Library</td>
				<td>Cheque</td>
				<td><span class="badge light badge-warning">Panding</span></td>
				<td>2008/11/28</td>
				<td><strong>120$</strong></td>
			</tr>
			<tr>
				<td>06</td>
				<td>Brielle Williamson</td>
				<td>#59723</td>
				<td>Tuition</td>
				<td>Cash</td>
				<td><span class="badge light badge-success">Paid</span></td>
				<td>2012/12/02</td>
				<td><strong>120$</strong></td>
			</tr>
			<tr>
				<td>07</td>
				<td>Herrod Chandler</td>
				<td>#98726</td>
				<td>Tuition</td>
				<td>Credit Card</td>
				<td><span class="badge light badge-danger">Udpaid</span></td>
				<td>2012/08/06</td>
				<td><strong>120$</strong></td>
			</tr>
			<tr>
				<td>08</td>
				<td>Rhona Davidson</td>
				<td>#98721</td>
				<td>Library</td>
				<td>Cheque</td>
				<td><span class="badge light badge-danger">Udpaid</span></td>
				<td>2010/10/14</td>
				<td><strong>120$</strong></td>
			</tr>
			<tr>
				<td>09</td>
				<td>Colleen Hurst</td>
				<td>#54605</td>
				<td>Annual</td>
				<td>Cheque</td>
				<td><span class="badge light badge-success">Paid</span></td>
				<td>2009/09/15</td>
				<td><strong>120$</strong></td>
			</tr>
			<tr>
				<td>10</td>
				<td>Sonya Frost</td>
				<td>#98734</td>
				<td>Tuition</td>
				<td>Credit Card</td>
				<td><span class="badge light badge-danger">Udpaid</span></td>
				<td>2008/12/13</td>
				<td><strong>120$</strong></td>
			</tr>
			<tr>
				<td>11</td>
				<td>Jena Gaines</td>
				<td>#12457</td>
				<td>Tuition</td>
				<td>Cash</td>
				<td><span class="badge light badge-danger">Udpaid</span></td>
				<td>2008/12/19</td>
				<td><strong>120$</strong></td>
			</tr>
			<tr>
				<td>12</td>
				<td>Quinn Flynn</td>
				<td>#36987</td>
				<td>Library</td>
				<td>Cheque</td>
				<td><span class="badge light badge-warning">Panding</span></td>
				<td>2013/03/03</td>
				<td><strong>120$</strong></td>
			</tr>
			<tr>
				<td>13</td>
				<td>Charde Marshall</td>
				<td>#98756</td>
				<td>Tuition</td>
				<td>Cheque</td>
				<td><span class="badge light badge-success">Paid</span></td>
				<td>2008/10/16</td>
				<td><strong>120$</strong></td>
			</tr>
			<tr>
				<td>14</td>
				<td>Haley Kennedy</td>
				<td>#98754</td>
				<td>Library</td>
				<td>Cash</td>
				<td><span class="badge light badge-danger">Udpaid</span></td>
				<td>2012/12/18</td>
				<td><strong>120$</strong></td>
			</tr>
			<tr>
				<td>15</td>
				<td>Tatyana Fitzpatrick</td>
				<td>#65248</td>
				<td>Annual</td>
				<td>Cheque</td>
				<td><span class="badge light badge-danger">Udpaid</span></td>
				<td>2010/03/17</td>
				<td><strong>120$</strong></td>
			</tr>
			<tr>
				<td>16</td>
				<td>Michael Silva</td>
				<td>#75943</td>
				<td>Tuition</td>
				<td>Credit Card</td>
				<td><span class="badge light badge-success">Paid</span></td>
				<td>2012/11/27</td>
				<td><strong>120$</strong></td>
			</tr>
			<tr>
				<td>17</td>
				<td>Paul Byrd</td>
				<td>#87954</td>
				<td>Library</td>
				<td>Cheque</td>
				<td><span class="badge light badge-warning">Panding</span></td>
				<td>2010/06/09</td>
				<td><strong>120$</strong></td>
			</tr>
			<tr>
				<td>18</td>
				<td>Gloria Little</td>
				<td>#98746</td>
				<td>Tuition</td>
				<td>Cheque</td>
				<td><span class="badge light badge-success">Paid</span></td>
				<td>2009/04/10</td>
				<td><strong>120$</strong></td>
			</tr>
			<tr>
				<td>19</td>
				<td>Bradley Greer</td>
				<td>#98674</td>
				<td>Annual</td>
				<td>Cash</td>
				<td><span class="badge light badge-danger">Udpaid</span></td>
				<td>2012/10/13</td>
				<td><strong>120$</strong></td>
			</tr>
			<tr>
				<td>20</td>
				<td>Dai Rios</td>
				<td>#69875</td>
				<td>Tuition</td>
				<td>Cheque</td>
				<td><span class="badge light badge-warning">Panding</span></td>
				<td>2012/09/26</td>
				<td><strong>120$</strong></td>
			</tr>
			<tr>
				<td>21</td>
				<td>Jenette Caldwell</td>
				<td>#54678</td>
				<td>Library</td>
				<td>Cheque</td>
				<td><span class="badge light badge-success">Paid</span></td>
				<td>2011/09/03</td>
				<td><strong>120$</strong></td>
			</tr>
			<tr>
				<td>22</td>
				<td>Yuri Berry</td>
				<td>#98756</td>
				<td>Tuition</td>
				<td>Credit Card</td>
				<td><span class="badge light badge-danger">Udpaid</span></td>
				<td>2009/06/25</td>
				<td><strong>120$</strong></td>
			</tr>
			<tr>
				<td>23</td>
				<td>Caesar Vance</td>
				<td>#86754</td>
				<td>Tuition</td>
				<td>Cheque</td>
				<td><span class="badge light badge-success">Paid</span></td>
				<td>2011/12/12</td>
				<td><strong>120$</strong></td>
			</tr>
			<tr>
				<td>24</td>
				<td>Doris Wilder</td>
				<td>#34251</td>
				<td>Annual</td>
				<td>Cash</td>
				<td><span class="badge light badge-warning">Panding</span></td>
				<td>2010/09/20</td>
				<td><strong>120$</strong></td>
			</tr>
			<tr>
				<td>25</td>
				<td>Angelica Ramos</td>
				<td>#65874</td>
				<td>Tuition</td>
				<td>Cheque</td>
				<td><span class="badge light badge-danger">Udpaid</span></td>
				<td>2009/10/09</td>
				<td><strong>120$</strong></td>
			</tr>
			<tr>
				<td>26</td>
				<td>Gavin Joyce</td>
				<td>#54605</td>
				<td>Female</td>
				<td>Credit Card</td>
				<td><span class="badge light badge-success">Paid</span></td>
				<td>2010/12/22</td>
				<td><strong>120$</strong></td>
			</tr>
			<tr>
				<td>27</td>
				<td>Jennifer Chang</td>
				<td>#54605</td>
				<td>Tuition</td>
				<td>Cheque</td>
				<td><span class="badge light badge-warning">Panding</span></td>
				<td>2010/11/14</td>
				<td><strong>120$</strong></td>
			</tr>
			<tr>
				<td>28</td>
				<td>Brenden Wagner</td>
				<td>#45687</td>
				<td>Library</td>
				<td>Cheque</td>
				<td><span class="badge light badge-danger">Udpaid</span></td>
				<td>2011/06/07</td>
				<td><strong>120$</strong></td>
			</tr>
			<tr>
				<td>29</td>
				<td>Fiona Green</td>
				<td>#23456</td>
				<td>Tuition</td>
				<td>Cash</td>
				<td><span class="badge light badge-success">Paid</span></td>
				<td>2010/03/11</td>
				<td><strong>120$</strong></td>
			</tr>
			<tr>
				<td>30</td>
				<td>Shou Itou</td>
				<td>#54605</td>
				<td>Annual</td>
				<td>Credit Card</td>
				<td><span class="badge light badge-warning">Panding</span></td>
				<td>2011/08/14</td>
				<td><strong>120$</strong></td>
			</tr>
		</tbody>
	</table>
</div>

Patient

Add Patient class with datatables

Patient ID Date Check in Patient Name Doctor Assgined Disease Status Room no Action
#P-00001 26/02/2020, 12:42 AM Tiger Nixon Dr. Cedric Cold & Flu New Patient AB-001
#P-00002 28/02/2020, 12:42 AM Garrett Winters Dr. Cedric Sleep Problem In Treatment AB-002
#P-00003 26/02/2020, 12:42 AM Ashton Cox Dr. Rhona Cold & Flu Recovered AB-003
#P-00004 29/02/2020, 12:42 AM Ashton Cox Dr. Cedric Cold & Flu In Treatment AB-004
#P-00005 28/02/2020, 12:42 AM Ashton Cox Dr. Cedric Cold & Flu In Treatment AB-005
#P-00006 28/02/2020, 12:42 AM Ashton Cox Dr. Rhona Sleep Problem In Treatment AB-006
#P-00007 26/02/2020, 12:42 AM Airi Satou Dr. Rhona Cold & Flu New Patient AB-007
#P-00008 29/02/2020, 12:42 AM Airi Satou Dr. Garrett Sleep Problem In Treatment AB-008
#P-00009 25/02/2020, 12:42 AM Airi Satou Dr. Rhona Cold & Flu New Patient AB-009
#P-00010 26/02/2020, 12:42 AM Airi Satou Dr. Rhona Sleep Problem New Patient AB-010
#P-00011 28/02/2020, 12:42 AM Airi Satou Dr. Rhona Cold & Flu In Treatment AB-011
#P-00012 29/02/2020, 12:42 AM Sonya Frost Dr. Garrett Sleep Problem New Patient AB-012
#P-00013 25/02/2020, 12:42 AM Sonya Frost Dr. Rhona Cold & Flu New Patient AB-013
#P-00014 26/02/2020, 12:42 AM Sonya Frost Dr. Garrett Sleep Problem In Treatment AB-014
#P-00015 28/02/2020, 12:42 AM Sonya Frost Dr. Rhona Cold & Flu New Patient AB-015
#P-00016 29/02/2020, 12:42 AM Sonya Frost Dr. Garrett Sleep Problem New Patient AB-016
#P-00017 25/02/2020, 12:42 AM Sonya Frost Dr. Rhona Cold & Flu In Treatment AB-017
#P-00018 26/02/2020, 12:42 AM Sonya Frost Dr. Rhona Sleep Problem New Patient AB-018
#P-00019 28/02/2020, 12:42 AM Sonya Frost Dr. Rhona Cold & Flu New Patient AB-019
#P-00020 25/02/2020, 12:42 AM Sonya Frost Dr. Garrett Sleep Problem In Treatment AB-020
<div class="table-responsive">
<table id="example5" class="display table" style="min-width: 845px">
	<thead>
		<tr>
			<th>
				<div class="custom-control d-inline custom-checkbox">
					<input type="checkbox" class="form-check-input" id="checkAll" required="">
					<label class="form-check-label" for="checkAll"></label>
				</div>
			</th>
			<th>Patient ID</th>
			<th>Date Check in</th>
			<th>Patient Name</th>
			<th>Doctor Assgined</th>
			<th>Disease</th>
			<th>Status</th>
			<th>Room no</th>
			<th>Action</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>
				<div class="form-check custom-checkbox ms-2">
					<input type="checkbox" class="form-check-input" id="customCheckBox2" required="">
					<label class="form-check-label" for="customCheckBox2"></label>
				</div>
			</td>
			<td>#P-00001</td>
			<td>26/02/2020, 12:42 AM</td>
			<td>Tiger Nixon</td>
			<td>Dr. Cedric</td>
			<td>Cold & Flu</td>
			<td>
				<span class="badge light badge-danger">
					<i class="fa fa-circle text-danger me-1"></i>
					New Patient
				</span>
			</td>
			<td>AB-001</td>
			<td>
				<div class="dropdown ms-auto text-end">
					<div class="btn-link" data-bs-toggle="dropdown">
						<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"></rect><circle fill="#000000" cx="5" cy="12" r="2"></circle><circle fill="#000000" cx="12" cy="12" r="2"></circle><circle fill="#000000" cx="19" cy="12" r="2"></circle></g></svg>
					</div>
					<div class="dropdown-menu dropdown-menu-end">
						<a class="dropdown-item" href="#">Accept Patient</a>
						<a class="dropdown-item" href="#">Reject Order</a>
						<a class="dropdown-item" href="#">View Details</a>
					</div>
				</div>
			</td>
		</tr>
		<tr>
			<td>
				<div class="form-check custom-checkbox ms-2">
					<input type="checkbox" class="form-check-input" id="customCheckBox3" required="">
					<label class="form-check-label" for="customCheckBox3"></label>
				</div>
			</td>
			<td>#P-00002</td>
			<td>28/02/2020, 12:42 AM</td>
			<td>Garrett Winters</td>
			<td>Dr. Cedric</td>
			<td>Sleep Problem</td>
			<td>
				<span class="badge light badge-warning">
					<i class="fa fa-circle text-warning me-1"></i>
					In Treatment
				</span>
			</td>
			<td>AB-002</td>
			<td>
				<div class="dropdown ms-auto text-end">
					<div class="btn-link" data-bs-toggle="dropdown">
						<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"></rect><circle fill="#000000" cx="5" cy="12" r="2"></circle><circle fill="#000000" cx="12" cy="12" r="2"></circle><circle fill="#000000" cx="19" cy="12" r="2"></circle></g></svg>
					</div>
					<div class="dropdown-menu dropdown-menu-end">
						<a class="dropdown-item" href="#">Accept Patient</a>
						<a class="dropdown-item" href="#">Reject Order</a>
						<a class="dropdown-item" href="#">View Details</a>
					</div>
				</div>
			</td>
		</tr>
		<tr>
			<td>
				<div class="form-check custom-checkbox ms-2">
					<input type="checkbox" class="form-check-input" id="customCheckBox4" required="">
					<label class="form-check-label" for="customCheckBox4"></label>
				</div>
			</td>
			<td>#P-00003</td>
			<td>26/02/2020, 12:42 AM</td>
			<td>Ashton Cox</td>
			<td>Dr. Rhona</td>
			<td>Cold & Flu</td>
			<td>
				<span class="badge light badge-success">
					<i class="fa fa-circle text-success me-1"></i>
					Recovered
				</span>
			</td>
			<td>AB-003</td>
			<td>
				<div class="dropdown ms-auto text-end">
					<div class="btn-link" data-bs-toggle="dropdown">
						<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"></rect><circle fill="#000000" cx="5" cy="12" r="2"></circle><circle fill="#000000" cx="12" cy="12" r="2"></circle><circle fill="#000000" cx="19" cy="12" r="2"></circle></g></svg>
					</div>
					<div class="dropdown-menu dropdown-menu-end">
						<a class="dropdown-item" href="#">Accept Patient</a>
						<a class="dropdown-item" href="#">Reject Order</a>
						<a class="dropdown-item" href="#">View Details</a>
					</div>
				</div>
			</td>
		</tr>
		<tr>
			<td>
				<div class="form-check custom-checkbox ms-2">
					<input type="checkbox" class="form-check-input" id="customCheckBox5" required="">
					<label class="form-check-label" for="customCheckBox5"></label>
				</div>
			</td>
			<td>#P-00004</td>
			<td>29/02/2020, 12:42 AM</td>
			<td>Ashton Cox</td>
			<td>Dr. Cedric</td>
			<td>Cold & Flu</td>
			<td>
				<span class="badge light badge-warning">
					<i class="fa fa-circle text-warning me-1"></i>
					In Treatment
				</span>
			</td>
			<td>AB-004</td>
			<td>
				<div class="dropdown ms-auto text-end">
					<div class="btn-link" data-bs-toggle="dropdown">
						<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"></rect><circle fill="#000000" cx="5" cy="12" r="2"></circle><circle fill="#000000" cx="12" cy="12" r="2"></circle><circle fill="#000000" cx="19" cy="12" r="2"></circle></g></svg>
					</div>
					<div class="dropdown-menu dropdown-menu-end">
						<a class="dropdown-item" href="#">Accept Patient</a>
						<a class="dropdown-item" href="#">Reject Order</a>
						<a class="dropdown-item" href="#">View Details</a>
					</div>
				</div>
			</td>
		</tr>
		<tr>
			<td>
				<div class="form-check custom-checkbox ms-2">
					<input type="checkbox" class="form-check-input" id="customCheckBox6" required="">
					<label class="form-check-label" for="customCheckBox6"></label>
				</div>
			</td>
			<td>#P-00005</td>
			<td>28/02/2020, 12:42 AM</td>
			<td>Ashton Cox</td>
			<td>Dr. Cedric</td>
			<td>Cold & Flu</td>
			<td>
				<span class="badge light badge-warning">
					<i class="fa fa-circle text-warning me-1"></i>
					In Treatment
				</span>
			</td>
			<td>AB-005</td>
			<td>
				<div class="dropdown ms-auto text-end">
					<div class="btn-link" data-bs-toggle="dropdown">
						<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"></rect><circle fill="#000000" cx="5" cy="12" r="2"></circle><circle fill="#000000" cx="12" cy="12" r="2"></circle><circle fill="#000000" cx="19" cy="12" r="2"></circle></g></svg>
					</div>
					<div class="dropdown-menu dropdown-menu-end">
						<a class="dropdown-item" href="#">Accept Patient</a>
						<a class="dropdown-item" href="#">Reject Order</a>
						<a class="dropdown-item" href="#">View Details</a>
					</div>
				</div>
			</td>
		</tr>
		<tr>
			<td>
				<div class="form-check custom-checkbox ms-2">
					<input type="checkbox" class="form-check-input" id="customCheckBox7" required="">
					<label class="form-check-label" for="customCheckBox7"></label>
				</div>
			</td>
			<td>#P-00006</td>
			<td>28/02/2020, 12:42 AM</td>
			<td>Ashton Cox</td>
			<td>Dr. Rhona</td>
			<td>Sleep Problem</td>
			<td>
				<span class="badge light badge-warning">
					<i class="fa fa-circle text-warning me-1"></i>
					In Treatment
				</span>
			</td>
			<td>AB-006</td>
			<td>
				<div class="dropdown ms-auto text-end">
					<div class="btn-link" data-bs-toggle="dropdown">
						<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"></rect><circle fill="#000000" cx="5" cy="12" r="2"></circle><circle fill="#000000" cx="12" cy="12" r="2"></circle><circle fill="#000000" cx="19" cy="12" r="2"></circle></g></svg>
					</div>
					<div class="dropdown-menu dropdown-menu-end">
						<a class="dropdown-item" href="#">Accept Patient</a>
						<a class="dropdown-item" href="#">Reject Order</a>
						<a class="dropdown-item" href="#">View Details</a>
					</div>
				</div>
			</td>
		</tr>
		<tr>
			<td>
				<div class="form-check custom-checkbox ms-2">
					<input type="checkbox" class="form-check-input" id="customCheckBox8" required="">
					<label class="form-check-label" for="customCheckBox8"></label>
				</div>
			</td>
			<td>#P-00007</td>
			<td>26/02/2020, 12:42 AM</td>
			<td>Airi Satou</td>
			<td>Dr. Rhona</td>
			<td>Cold & Flu</td>
			<td>
				<span class="badge light badge-danger">
					<i class="fa fa-circle text-danger me-1"></i>
					New Patient
				</span>
			</td>
			<td>AB-007</td>
			<td>
				<div class="dropdown ms-auto text-end">
					<div class="btn-link" data-bs-toggle="dropdown">
						<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"></rect><circle fill="#000000" cx="5" cy="12" r="2"></circle><circle fill="#000000" cx="12" cy="12" r="2"></circle><circle fill="#000000" cx="19" cy="12" r="2"></circle></g></svg>
					</div>
					<div class="dropdown-menu dropdown-menu-end">
						<a class="dropdown-item" href="#">Accept Patient</a>
						<a class="dropdown-item" href="#">Reject Order</a>
						<a class="dropdown-item" href="#">View Details</a>
					</div>
				</div>
			</td>
		</tr>
		<tr>
			<td>
				<div class="form-check custom-checkbox ms-2">
					<input type="checkbox" class="form-check-input" id="customCheckBox9" required="">
					<label class="form-check-label" for="customCheckBox9"></label>
				</div>
			</td>
			<td>#P-00008</td>
			<td>29/02/2020, 12:42 AM</td>
			<td>Airi Satou</td>
			<td>Dr. Garrett </td>
			<td>Sleep Problem</td>
			<td>
				<span class="badge light badge-warning">
					<i class="fa fa-circle text-warning me-1"></i>
					In Treatment
				</span>
			</td>
			<td>AB-008</td>
			<td>
				<div class="dropdown ms-auto text-end">
					<div class="btn-link" data-bs-toggle="dropdown">
						<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"></rect><circle fill="#000000" cx="5" cy="12" r="2"></circle><circle fill="#000000" cx="12" cy="12" r="2"></circle><circle fill="#000000" cx="19" cy="12" r="2"></circle></g></svg>
					</div>
					<div class="dropdown-menu dropdown-menu-end">
						<a class="dropdown-item" href="#">Accept Patient</a>
						<a class="dropdown-item" href="#">Reject Order</a>
						<a class="dropdown-item" href="#">View Details</a>
					</div>
				</div>
			</td>
		</tr>
		<tr>
			<td>
				<div class="form-check custom-checkbox ms-2">
					<input type="checkbox" class="form-check-input" id="customCheckBox10" required="">
					<label class="form-check-label" for="customCheckBox10"></label>
				</div>
			</td>
			<td>#P-00009</td>
			<td>25/02/2020, 12:42 AM</td>
			<td>Airi Satou</td>
			<td>Dr. Rhona</td>
			<td>Cold & Flu</td>
			<td>
				<span class="badge light badge-danger">
					<i class="fa fa-circle text-danger me-1"></i>
					New Patient
				</span>
			</td>
			<td>AB-009</td>
			<td>
				<div class="dropdown ms-auto text-end">
					<div class="btn-link" data-bs-toggle="dropdown">
						<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"></rect><circle fill="#000000" cx="5" cy="12" r="2"></circle><circle fill="#000000" cx="12" cy="12" r="2"></circle><circle fill="#000000" cx="19" cy="12" r="2"></circle></g></svg>
					</div>
					<div class="dropdown-menu dropdown-menu-end">
						<a class="dropdown-item" href="#">Accept Patient</a>
						<a class="dropdown-item" href="#">Reject Order</a>
						<a class="dropdown-item" href="#">View Details</a>
					</div>
				</div>
			</td>
		</tr>
		<tr>
			<td>
				<div class="form-check custom-checkbox ms-2">
					<input type="checkbox" class="form-check-input" id="customCheckBox11" required="">
					<label class="form-check-label" for="customCheckBox11"></label>
				</div>
			</td>
			<td>#P-00010</td>
			<td>26/02/2020, 12:42 AM</td>
			<td>Airi Satou</td>
			<td>Dr. Rhona</td>
			<td>Sleep Problem</td>
			<td>
				<span class="badge light badge-danger">
					<i class="fa fa-circle text-danger me-1"></i>
					New Patient
				</span>
			</td>
			<td>AB-010</td>
			<td>
				<div class="dropdown ms-auto text-end">
					<div class="btn-link" data-bs-toggle="dropdown">
						<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"></rect><circle fill="#000000" cx="5" cy="12" r="2"></circle><circle fill="#000000" cx="12" cy="12" r="2"></circle><circle fill="#000000" cx="19" cy="12" r="2"></circle></g></svg>
					</div>
					<div class="dropdown-menu dropdown-menu-end">
						<a class="dropdown-item" href="#">Accept Patient</a>
						<a class="dropdown-item" href="#">Reject Order</a>
						<a class="dropdown-item" href="#">View Details</a>
					</div>
				</div>
			</td>
		</tr>
		<tr>
			<td>
				<div class="form-check custom-checkbox ms-2">
					<input type="checkbox" class="form-check-input" id="customCheckBox12" required="">
					<label class="form-check-label" for="customCheckBox12"></label>
				</div>
			</td>
			<td>#P-00011</td>
			<td>28/02/2020, 12:42 AM</td>
			<td>Airi Satou</td>
			<td>Dr. Rhona</td>
			<td>Cold & Flu</td>
			<td>
				<span class="badge light badge-warning">
					<i class="fa fa-circle text-warning me-1"></i>
					In Treatment
				</span>
			</td>
			<td>AB-011</td>
			<td>
				<div class="dropdown ms-auto text-end">
					<div class="btn-link" data-bs-toggle="dropdown">
						<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"></rect><circle fill="#000000" cx="5" cy="12" r="2"></circle><circle fill="#000000" cx="12" cy="12" r="2"></circle><circle fill="#000000" cx="19" cy="12" r="2"></circle></g></svg>
					</div>
					<div class="dropdown-menu dropdown-menu-end">
						<a class="dropdown-item" href="#">Accept Patient</a>
						<a class="dropdown-item" href="#">Reject Order</a>
						<a class="dropdown-item" href="#">View Details</a>
					</div>
				</div>
			</td>
		</tr>
		<tr>
			<td>
				<div class="form-check custom-checkbox ms-2">
					<input type="checkbox" class="form-check-input" id="customCheckBox13" required="">
					<label class="form-check-label" for="customCheckBox13"></label>
				</div>
			</td>
			<td>#P-00012</td>
			<td>29/02/2020, 12:42 AM</td>
			<td>Sonya Frost</td>
			<td>Dr. Garrett</td>
			<td>Sleep Problem</td>
			<td>
				<span class="badge light badge-danger">
					<i class="fa fa-circle text-danger me-1"></i>
					New Patient
				</span>
			</td>
			<td>AB-012</td>
			<td>
				<div class="dropdown ms-auto text-end">
					<div class="btn-link" data-bs-toggle="dropdown">
						<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"></rect><circle fill="#000000" cx="5" cy="12" r="2"></circle><circle fill="#000000" cx="12" cy="12" r="2"></circle><circle fill="#000000" cx="19" cy="12" r="2"></circle></g></svg>
					</div>
					<div class="dropdown-menu dropdown-menu-end">
						<a class="dropdown-item" href="#">Accept Patient</a>
						<a class="dropdown-item" href="#">Reject Order</a>
						<a class="dropdown-item" href="#">View Details</a>
					</div>
				</div>
			</td>
		</tr>
		<tr>
			<td>
				<div class="form-check custom-checkbox ms-2">
					<input type="checkbox" class="form-check-input" id="customCheckBox14" required="">
					<label class="form-check-label" for="customCheckBox14"></label>
				</div>
			</td>
			<td>#P-00013</td>
			<td>25/02/2020, 12:42 AM</td>
			<td>Sonya Frost</td>
			<td>Dr. Rhona</td>
			<td>Cold & Flu</td>
			<td>
				<span class="badge light badge-danger">
					<i class="fa fa-circle text-danger me-1"></i>
					New Patient
				</span>
			</td>
			<td>AB-013</td>
			<td>
				<div class="dropdown ms-auto text-end">
					<div class="btn-link" data-bs-toggle="dropdown">
						<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"></rect><circle fill="#000000" cx="5" cy="12" r="2"></circle><circle fill="#000000" cx="12" cy="12" r="2"></circle><circle fill="#000000" cx="19" cy="12" r="2"></circle></g></svg>
					</div>
					<div class="dropdown-menu dropdown-menu-end">
						<a class="dropdown-item" href="#">Accept Patient</a>
						<a class="dropdown-item" href="#">Reject Order</a>
						<a class="dropdown-item" href="#">View Details</a>
					</div>
				</div>
			</td>
		</tr>
		<tr>
			<td>
				<div class="form-check custom-checkbox ms-2">
					<input type="checkbox" class="form-check-input" id="customCheckBox15" required="">
					<label class="form-check-label" for="customCheckBox15"></label>
				</div>
			</td>
			<td>#P-00014</td>
			<td>26/02/2020, 12:42 AM</td>
			<td>Sonya Frost</td>
			<td>Dr. Garrett</td>
			<td>Sleep Problem</td>
			<td>
				<span class="badge light badge-warning">
					<i class="fa fa-circle text-warning me-1"></i>
					In Treatment
				</span>
			</td>
			<td>AB-014</td>
			<td>
				<div class="dropdown ms-auto text-end">
					<div class="btn-link" data-bs-toggle="dropdown">
						<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"></rect><circle fill="#000000" cx="5" cy="12" r="2"></circle><circle fill="#000000" cx="12" cy="12" r="2"></circle><circle fill="#000000" cx="19" cy="12" r="2"></circle></g></svg>
					</div>
					<div class="dropdown-menu dropdown-menu-end">
						<a class="dropdown-item" href="#">Accept Patient</a>
						<a class="dropdown-item" href="#">Reject Order</a>
						<a class="dropdown-item" href="#">View Details</a>
					</div>
				</div>
			</td>
		</tr>
		<tr>
			<td>
				<div class="form-check custom-checkbox ms-2">
					<input type="checkbox" class="form-check-input" id="customCheckBox16" required="">
					<label class="form-check-label" for="customCheckBox16"></label>
				</div>
			</td>
			<td>#P-00015</td>
			<td>28/02/2020, 12:42 AM</td>
			<td>Sonya Frost</td>
			<td>Dr. Rhona</td>
			<td>Cold & Flu</td>
			<td>
				<span class="badge light badge-danger">
					<i class="fa fa-circle text-danger me-1"></i>
					New Patient
				</span>
			</td>
			<td>AB-015</td>
			<td>
				<div class="dropdown ms-auto text-end">
					<div class="btn-link" data-bs-toggle="dropdown">
						<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"></rect><circle fill="#000000" cx="5" cy="12" r="2"></circle><circle fill="#000000" cx="12" cy="12" r="2"></circle><circle fill="#000000" cx="19" cy="12" r="2"></circle></g></svg>
					</div>
					<div class="dropdown-menu dropdown-menu-end">
						<a class="dropdown-item" href="#">Accept Patient</a>
						<a class="dropdown-item" href="#">Reject Order</a>
						<a class="dropdown-item" href="#">View Details</a>
					</div>
				</div>
			</td>
		</tr>
		<tr>
			<td>
				<div class="form-check custom-checkbox ms-2">
					<input type="checkbox" class="form-check-input" id="customCheckBox17" required="">
					<label class="form-check-label" for="customCheckBox17"></label>
				</div>
			</td>
			<td>#P-00016</td>
			<td>29/02/2020, 12:42 AM</td>
			<td>Sonya Frost</td>
			<td>Dr. Garrett</td>
			<td>Sleep Problem</td>
			<td>
				<span class="badge light badge-danger">
					<i class="fa fa-circle text-danger me-1"></i>
					New Patient
				</span>
			</td>
			<td>AB-016</td>
			<td>
				<div class="dropdown ms-auto text-end">
					<div class="btn-link" data-bs-toggle="dropdown">
						<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"></rect><circle fill="#000000" cx="5" cy="12" r="2"></circle><circle fill="#000000" cx="12" cy="12" r="2"></circle><circle fill="#000000" cx="19" cy="12" r="2"></circle></g></svg>
					</div>
					<div class="dropdown-menu dropdown-menu-end">
						<a class="dropdown-item" href="#">Accept Patient</a>
						<a class="dropdown-item" href="#">Reject Order</a>
						<a class="dropdown-item" href="#">View Details</a>
					</div>
				</div>
			</td>
		</tr>
		<tr>
			<td>
				<div class="form-check custom-checkbox ms-2">
					<input type="checkbox" class="form-check-input" id="customCheckBox18" required="">
					<label class="form-check-label" for="customCheckBox18"></label>
				</div>
			</td>
			<td>#P-00017</td>
			<td>25/02/2020, 12:42 AM</td>
			<td>Sonya Frost</td>
			<td>Dr. Rhona</td>
			<td>Cold & Flu</td>
			<td>
				<span class="badge light badge-warning">
					<i class="fa fa-circle text-warning me-1"></i>
					In Treatment
				</span>
			</td>
			<td>AB-017</td>
			<td>
				<div class="dropdown ms-auto text-end">
					<div class="btn-link" data-bs-toggle="dropdown">
						<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"></rect><circle fill="#000000" cx="5" cy="12" r="2"></circle><circle fill="#000000" cx="12" cy="12" r="2"></circle><circle fill="#000000" cx="19" cy="12" r="2"></circle></g></svg>
					</div>
					<div class="dropdown-menu dropdown-menu-end">
						<a class="dropdown-item" href="#">Accept Patient</a>
						<a class="dropdown-item" href="#">Reject Order</a>
						<a class="dropdown-item" href="#">View Details</a>
					</div>
				</div>
			</td>
		</tr>
		<tr>
			<td>
				<div class="form-check custom-checkbox ms-2">
					<input type="checkbox" class="form-check-input" id="customCheckBox19" required="">
					<label class="form-check-label" for="customCheckBox19"></label>
				</div>
			</td>
			<td>#P-00018</td>
			<td>26/02/2020, 12:42 AM</td>
			<td>Sonya Frost</td>
			<td>Dr. Rhona</td>
			<td>Sleep Problem</td>
			<td>
				<span class="badge light badge-danger">
					<i class="fa fa-circle text-danger me-1"></i>
					New Patient
				</span>
			</td>
			<td>AB-018</td>
			<td>
				<div class="dropdown ms-auto text-end">
					<div class="btn-link" data-bs-toggle="dropdown">
						<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"></rect><circle fill="#000000" cx="5" cy="12" r="2"></circle><circle fill="#000000" cx="12" cy="12" r="2"></circle><circle fill="#000000" cx="19" cy="12" r="2"></circle></g></svg>
					</div>
					<div class="dropdown-menu dropdown-menu-end">
						<a class="dropdown-item" href="#">Accept Patient</a>
						<a class="dropdown-item" href="#">Reject Order</a>
						<a class="dropdown-item" href="#">View Details</a>
					</div>
				</div>
			</td>
		</tr>
		<tr>
			<td>
				<div class="form-check custom-checkbox ms-2">
					<input type="checkbox" class="form-check-input" id="customCheckBox20" required="">
					<label class="form-check-label" for="customCheckBox20"></label>
				</div>
			</td>
			<td>#P-00019</td>
			<td>28/02/2020, 12:42 AM</td>
			<td>Sonya Frost</td>
			<td>Dr. Rhona</td>
			<td>Cold & Flu</td>
			<td>
				<span class="badge light badge-danger">
					<i class="fa fa-circle text-danger me-1"></i>
					New Patient
				</span>
			</td>
			<td>AB-019</td>
			<td>
				<div class="dropdown ms-auto text-end">
					<div class="btn-link" data-bs-toggle="dropdown">
						<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"></rect><circle fill="#000000" cx="5" cy="12" r="2"></circle><circle fill="#000000" cx="12" cy="12" r="2"></circle><circle fill="#000000" cx="19" cy="12" r="2"></circle></g></svg>
					</div>
					<div class="dropdown-menu dropdown-menu-end">
						<a class="dropdown-item" href="#">Accept Patient</a>
						<a class="dropdown-item" href="#">Reject Order</a>
						<a class="dropdown-item" href="#">View Details</a>
					</div>
				</div>
			</td>
		</tr>
		<tr>
			<td>
				<div class="form-check custom-checkbox ms-2">
					<input type="checkbox" class="form-check-input" id="customCheckBox21" required="">
					<label class="form-check-label" for="customCheckBox21"></label>
				</div>
			</td>
			<td>#P-00020</td>
			<td>25/02/2020, 12:42 AM</td>
			<td>Sonya Frost</td>
			<td>Dr. Garrett</td>
			<td>Sleep Problem</td>
			<td>
				<span class="badge light badge-warning">
					<i class="fa fa-circle text-warning me-1"></i>
					In Treatment
				</span>
			</td>
			<td>AB-020</td>
			<td>
				<div class="dropdown ms-auto text-end">
					<div class="btn-link" data-bs-toggle="dropdown">
						<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"></rect><circle fill="#000000" cx="5" cy="12" r="2"></circle><circle fill="#000000" cx="12" cy="12" r="2"></circle><circle fill="#000000" cx="19" cy="12" r="2"></circle></g></svg>
					</div>
					<div class="dropdown-menu dropdown-menu-end">
						<a class="dropdown-item" href="#">Accept Patient</a>
						<a class="dropdown-item" href="#">Reject Order</a>
						<a class="dropdown-item" href="#">View Details</a>
					</div>
				</div>
			</td>
		</tr>
	</tbody>
</table>
</div>