simple-datatables

Documentation Demos

Custom search method

This demo shows two different kinds of search methods. There is the default search and additionally a special kind of dropdown filter. Search is also applied differently for the column with the classes, which contains more complex html.

Example: Search for "Luca", click on "Select classes" and deselect all except "Math" and finally move the "Minimal completion percentage" somewhere between 50-70%. You should now only see two entries as all filters are applied simultaneously.

0%
Name Classes City Start Date Completion
Unity Pugh History Math Curicó 2005/02/11 37%
Theodore Duran German Chemistry Dhanbad 1999/04/07 97%
Isla Walton English Math São Paulo 2002/09/22 82%
Oscar Lawrence Biology Physics Montpellier 2008/12/18 65%
Mia Andrews Chemistry Math Osaka 2003/03/14 90%
Luca Baker History English Chicago 2010/07/30 58%
Amelia Hayes French Biology Stockholm 2011/06/25 75%
Noah White Physics Math Toronto 2009/10/08 44%
Sophia Clark Chemistry History Sydney 2006/05/20 95%
Logan Roberts Math English Mumbai 2012/11/15 51%
Aria Lewis French Chemistry Bogotá 2004/04/01 67%
Henry Phillips Biology History Shanghai 2007/03/19 89%
Ella Evans Physics German Lisbon 1998/12/29 72%
Jack Turner English Math Mexico City 2013/01/10 59%
Emily Russell Biology French Vienna 2000/08/16 93%
Lucas Griffin Math Chemistry Delhi 2001/05/30 47%
Lily Brooks History Physics Berlin 2010/09/03 76%
Benjamin Kelly Chemistry German Warsaw 2002/10/22 64%
Grace Foster English Biology Johannesburg 2005/07/11 88%
James Perez History Physics Munich 1997/02/03 54%
Olivia Parker Math English Brisbane 2014/08/19 70%
Alexander Morris French Chemistry Karachi 2011/12/27 81%
Ava Reed Biology German Lima 2009/06/02 48%
Ethan Cooper Physics Math Kyoto 2008/04/16 93%
Sophia Bell History Chemistry Madrid 2003/07/09 62%
Michael Nelson French English Cape Town 1999/05/13 85%
Emma Hughes Biology Math Birmingham 2015/09/24 91%
Mason Wood English Amsterdam 2012/11/07 79%
Avery Rogers Chemistry History French Dallas 2004/03/15 45%
Lucas Bennett Math Biology Mexico City 2013/06/19 72%
Charlotte Cox Physics Cairo 2010/10/04 68%
Daniel Russell History English Vancouver 2007/01/23 77%
Harper Brooks French Barcelona 2006/08/11 56%
Owen Price Chemistry German Physics Santiago 2002/05/18 93%
Evelyn Morgan English Naples 2008/12/12 52%
Jacob Rivera Biology Los Angeles 2011/03/21 87%
Lily Ward Math Chemistry Helsinki 2003/09/14 71%
Samuel Murphy History German Auckland 2012/07/01 62%
Chloe Sanders English New York 1999/04/18 98%
Elijah Rogers Physics French Melbourne 2007/11/05 54%
Sofia Patterson Biology History Math Edinburgh 2013/10/26 64%
David Foster English Rome 2011/06/17 83%
Amelia Foster History Math Toronto 2009/03/13 49%
Aiden Rogers Chemistry English Boston 2014/04/22 72%
Scarlett Price Math Florence 2006/11/09 81%
Joseph Campbell Biology History Chemistry Tokyo 2010/02/28 60%
Mia Howard French English Brussels 2008/08/13 84%
Ryan Rivera Physics Paris 2001/12/07 48%
Victoria Griffin Chemistry German San Francisco 2005/06/02 75%
Benjamin Sanders History Biology Berlin 1997/10/14 66%
Leah Murphy Math English Seoul 2004/07/27 92%
Gabriel Bell Physics Buenos Aires 2016/03/19 55%
Zoe Evans Biology French Chemistry Shanghai 2000/01/30 90%
Jackson Reed Math History Madrid 2015/09/11 79%
Elizabeth Parker Physics English Lisbon 2007/05/09 85%
William Ward Biology History Chemistry Math Prague 2003/06/01 58%
Sophie Hayes French English Physics German Chemistry Zurich 1998/04/15 67%
Liam Fisher Math Dubai 2009/11/30 93%
Madison Simmons History Biology French Hong Kong 2010/01/18 61%
Jackson Moore Chemistry Physics Oslo 2014/07/05 73%
Aubrey Peterson Math English Biology Chemistry Physics Jakarta 2006/05/25 83%
Christopher Morgan History Math German Bucharest 2012/10/10 48%
Victoria Jenkins English French Amsterdam 1997/03/21 86%
Logan Bryant Chemistry Toronto 2002/09/17 59%
Stella Collins History Biology Math English Munich 2013/06/22 74%
Luke Evans French German Chemistry Biology History Math Rio de Janeiro 2001/04/11 92%
Natalie Powell Biology Math English Copenhagen 2005/08/06 68%
Isaac Sanders History French New Delhi 2008/09/14 45%
Penelope Bailey Chemistry English Vienna 2003/11/18 81%
John Hughes Math Athens 2011/12/24 64%
Ava Miller Biology Physics Dubai 2014/05/09 79%
Lucas Gray German Math History English Singapore 1999/01/30 72%
Claire Young Physics French History Hanoi 2007/10/03 57%
James Mitchell Chemistry Biology Math Physics German Bangkok 2015/02/18 88%
Grace Wright History Beijing 2010/03/25 67%
Owen Lopez Math Chemistry Kuala Lumpur 2008/12/16 49%
Mia Phillips French German Biology Math Los Angeles 2006/07/29 84%
Henry Adams Physics Chemistry History Sydney 2013/04/01 94%
Wim Glucksman French English History Oslo 2009/10/09 75%
Amelia Carter Biology English History Chemistry Vienna 2011/09/12 77%
Oliver Foster Physics Math German French Biology English Frankfurt 2004/11/30 91%
Hannah Kelly Chemistry Math Physics Stockholm 2016/05/22 64%
Wyatt Flores History English Montreal 2010/04/11 53%
Lillian Reed Biology French Chemistry Chicago 2012/06/14 70%
Caleb Jenkins German History Mumbai 2005/07/29 87%
Abigail Rivera Math English Biology History Madrid 2011/01/20 72%
Jack Russell French Chemistry Barcelona 2007/09/03 60%
Aria Morris Physics Biology Math German English Seoul 2014/12/11 95%
Hunter Murphy History French Cape Town 1999/05/06 47%
Ellie Powell Chemistry Math Biology Physics History Bangkok 2010/09/16 88%
Julian Hall English German Melbourne 2006/03/09 52%
Camila Torres French Biology Chemistry Mexico City 2017/06/14 65%
Levi Lee History Buenos Aires 2011/10/27 40%
Sadie Baker Math English Biology Chemistry London 2014/02/03 82%
Lincoln Gonzalez Physics Math History San Diego 2005/12/08 74%
Zoe Perez German French Math Brussels 2009/04/16 56%
Isaiah Gray Chemistry English Biology French Physics Tokyo 2000/07/19 93%
Gabriella Ramirez History Math Auckland 2002/01/14 63%
Charles Long English Biology French Moscow 1997/10/24 59%
Violet Cooper Physics Chemistry Math English Kuala Lumpur 2004/02/05 80%