Responsive Tables

This is a Premium Extension for TablePress. Supporting and developing it is a lot of work.
To allow me to offer Extensions in the future, please consider a donation. Thank you.

Tables can’t always adjust to the available space on the screen automatically. The reason is that their content usually requires a certain minimum space. Unfortunately, this can lead to ugly behavior on small screens, like those of phones and tablets, where then not everything of a table is visible. The “Responsive Tables Extension” offers a solution to this: On certain screens, it will simply change the layout of the table, so that the table is tilted to the side and the contents are scrollable. And what’s really nice: Sorting, filtering, and pagination continue to work!

Note: This will not work in Internet Explorer, regardless of the desired devices!

Here’s an example:

Regular table, without responsive behavior:

First NameLast NameZIPBirthdayPointsAverage
GloriaReeves6743910/18/198540.1
GrahamBonner9072712/07/198340.9
WarrenWheeler9913411/11/198420.7
ZenaHale1980306/17/198790.3
JuliaHaupt2411603/15/1991101.0
RachelEnglish5895102/25/198270.3
LionelBarry6503602/17/198070.5
ZenaSpears1687412/13/198150.6
DillonBradford9154301/20/198570.4
HaleyMcleod9932104/12/198040.1
AbraHouse9953708/10/198060.1
ArielNichols5655504/10/198460.7
RoaryAyers1272006/19/198730.5
MasonStevens8106208/11/198630.6
GillianSimon6913705/12/1988100.7
RebekahFisher3257205/21/198130.7
CameronWalls1878811/20/198120.2
PhelanPalmer9541308/10/198860.2
MonaFischer4891201/25/198390.6
RashadWebb2799312/08/198340.1
BrandonKinney0098609/15/198620.2
SachaGould1772207/31/198580.7
BrendaOsborn5213902/28/198140.5
SophiaFlynn7968808/07/198930.2
BreeOrr7016011/17/198890.7
YenBernard9921609/29/198210.3
LacotaLe6496409/11/1985100.7
NaydaHorton4230806/11/1982100.1
LeeNavarro4891804/15/198050.4
MargaretAustin2618105/29/198170.3
BrynneRandolph6852308/31/198280.9
OlegFry3224910/14/198290.4
MarkCooley5492312/14/198330.2
BrendanSharp4751103/09/198610.5
HollyCarrillo7168910/25/198110.3
KelseyMoses2766106/01/198850.8
GeraldineTyson9804902/04/198530.6
JasperSheppard9232911/06/198930.5
NobleConley1486903/08/198780.5
NatalieLuna6663711/04/198880.7
McKenziePowell8625910/21/198190.4
TylerDennis1367604/07/198460.2
VladimirJefferson7856902/28/198170.3
BrettPena1421808/28/198810.8
DemetriusKey6798501/19/198220.4
GwendolynGarner9732410/18/198510.8
MarvinMiddleton1014104/26/198920.7
NadineWalters2748402/17/198760.7
ClaireSweeney5421806/08/198350.4
EdwardDoyle4116705/20/198270.4
RamaMadden1183103/15/198240.8
SadeMaldonado3381408/17/1987100.9
MeghanLittle0858309/10/198190.2
KareemBurris0597212/16/198210.2
HarrietStanley1226112/22/198530.6
EzraBritt0484406/27/1987100.8
AdriaGrant4427010/14/198840.5
WyattWhitfield6416501/12/198070.2
EvanHerman3272504/16/198840.1
EmmanuelBaxter6189404/03/198030.6
FleurReilly2885309/23/198950.7
FletcherPadilla5928907/23/198850.2
JamalHerman2996605/24/198260.6
AmosTrujillo4879705/14/198310.4
CarolynGoodman6016611/12/198460.6
PhillipPitts9051412/31/198020.3
HyattBarnes9337502/20/198540.7
MatthewDudley5000703/10/198110.7
StaceyWoodward0797601/13/198260.3
XavierRowland2340005/28/198260.5
UllaCotton2331412/30/198960.1
GloriaButler1190007/05/198720.8
DemetriusBishop0964811/15/198580.1
PhelanHerring5657206/08/198770.9
JasonDickerson9126010/08/198180.5
KeithVincent3198609/29/1983100.3
EvelynJensen7782601/20/198830.9
DestinyValdez9992308/12/198380.2
LucyHoward3246007/12/198150.3
NicoleParrish9725401/31/198770.6
HashimPatel4421206/22/198320.6
HunterBlair1945209/05/198590.3
HilelNguyen0484709/01/198910.2
AmberJefferson5449810/08/198150.4
YuriGonzales4934108/30/198090.7
DemetriusBonner4593508/15/198240.9
ByronTyler7970308/09/198230.5
JasperDorsey6378307/25/198250.9
SoniaRiley1876308/28/198150.5
SamsonReynolds9507704/15/198030.8
OriFerguson5663908/27/198160.4
ReginaMarshall0467202/11/198530.7
HanaeFischer4792403/19/1984100.7
VictorPugh5049109/11/198990.9
AlexaCooper8327312/19/198490.4
RinaBates8499507/11/198890.9
ElijahWatson9737806/11/198520.3
RebeccaPage3515201/03/198920.9
PaulJefferson4362712/24/1982100.8
JermaineHerman3731201/05/198090.8
DemetriaClayton0195103/02/198830.2
ShelbyBarry8191308/19/198210.2
WarrenCampos0008410/28/1989100.7
AvramWells5725401/23/198130.2
AthenaNoel4065810/25/198730.6
LeighGallagher7767402/27/198810.1
HakeemTrujillo6142310/26/198120.8
GraidenLott4128708/13/1982100.8
CameronHines6200805/06/198950.8
DemetriusCruz7089512/29/198860.3
KatoBishop6078706/01/198550.8
EzraBartlett6592411/16/198360.4
NatalieLeon3636602/03/198610.6
LarissaMaldonado9536401/14/198280.9
DianaVillarreal5511602/13/198810.8
LeviWooten6618304/06/198180.3
TyroneMcdowell8094903/09/198960.8
StaceyWalsh2141107/15/198540.7
WallaceWashington9768306/26/198290.2
BrandonWhitney8248608/22/198840.5
KnoxCase6747101/22/198440.6
ChardePaul5210702/21/198680.1
AbelCastillo3114702/11/198470.6
PhoebeMunoz2752206/29/198590.7
MaggiePetty5983711/29/198920.9
ImogeneSchwartz1457402/28/198120.1
NathanielMcdowell4828210/26/198940.3
FleurHendricks8275909/15/198220.2
YvetteBrock6589508/15/198980.1
DexterMercer8148901/25/198720.2
BrockDavenport4766011/13/198560.9
OdessaDowns1602505/17/198350.5
ReeceSingleton0577503/13/1983100.3
KadenOchoa1189307/19/198490.1
UtaSolomon6341512/29/198670.4
AlikaSuarez3432807/20/1981100.1
HasadWhitehead2162612/07/1986100.9
CharissaBartlett9913211/10/198440.7
GemmaTownsend7859112/15/198950.9
BernardMayer3886010/06/198070.2
CarlBarton4795101/16/198230.9
InaRowland0242505/13/1986100.2
NinaReeves3337306/27/198050.6
JermaineCross1608504/23/198340.1
QuailHooper3917508/23/198430.2
ElmoWeiss0268812/07/1985100.5
JeanetteRivers3445108/29/198660.8
EthanGonzalez9113409/13/198050.4
ChaseAlbert8301310/03/198810.5
BeauMendoza3085601/11/198480.6
CastorBradford9970709/21/198720.1
BarbaraBlack2563312/16/198160.9
WynterWood5796104/02/198320.3
DaleMay7667904/02/198620.2
OlegHughes4317908/24/198690.1
FletcherBowen8655610/25/1983100.9
MeganBeck0453706/16/198340.4
NadineHodges0747312/24/198050.8
NaydaManning7754808/12/198170.7
DanielAtkinson8825602/04/198410.7
FallonHopkins4676807/18/198970.2
AudreyCastaneda1214410/09/198760.3
SybillHopkins4054411/03/198380.4
KaitlinLindsey5654708/13/1980100.3
BrianJones1896609/28/198360.4
DuncanAvila1483106/18/198810.6
AubreyVinson0803812/08/198420.1
FionaFranks1762411/20/198480.4
KeaneFox5439404/17/198550.5
RinahKnapp2637908/16/1984100.6
JolieTrujillo4822311/14/198650.3
SeptemberFinley0575602/19/198230.4
VanceBradshaw0018608/09/198830.9
AlexanderMarks8487910/02/1981100.5
JaelSutton9059202/18/198940.4
XerxesWare0904605/11/1983100.2
AmerySummers6375612/19/198180.8
BevisKennedy0331509/07/1988100.8
BrockMelendez1512812/17/198630.3
AsherAlvarado0401305/26/198730.4
MarciaMckenzie5206308/22/198510.4
ConnorWilkerson7773405/19/198930.4
IgnatiusKirkland0422806/07/198610.7
KevinPeck4218310/16/198730.6
MadonnaHolcomb9214712/23/198470.9
MollyCline4111911/08/198520.8
AnnHodges7073501/28/198130.8
VeronicaWard7918509/24/198790.2
CedricFischer9508507/02/198590.9
AvaBerg4266406/04/198960.1
OliviaFlores5836309/10/198980.8
MacKenzieWong4481309/10/198440.7
DaphneHebert9525505/17/198370.1
JonahFreeman8001409/14/1982100.2
AzaliaBender1585709/21/198480.5
GiacomoKirkland6066307/31/198280.4
VivienConley2156405/01/198620.5
CherokeeYoung6415212/20/198450.4
OdetteCurry5847906/18/198410.7
AbigailDickson1928204/02/198790.1

Responsive table (as it would appear on phones and tablets):

First NameLast NameZIPBirthdayPointsAverage
Last NameFirst NameZIP codeBirthdayPointsAverage
GloriaReeves6743910/18/198540.1
GrahamBonner9072712/07/198340.9
WarrenWheeler9913411/11/198420.7
ZenaHale1980306/17/198790.3
JuliaHaupt2411603/15/1991101.0
RachelEnglish5895102/25/198270.3
LionelBarry6503602/17/198070.5
ZenaSpears1687412/13/198150.6
DillonBradford9154301/20/198570.4
HaleyMcleod9932104/12/198040.1
AbraHouse9953708/10/198060.1
ArielNichols5655504/10/198460.7
RoaryAyers1272006/19/198730.5
MasonStevens8106208/11/198630.6
GillianSimon6913705/12/1988100.7
RebekahFisher3257205/21/198130.7
CameronWalls1878811/20/198120.2
PhelanPalmer9541308/10/198860.2
MonaFischer4891201/25/198390.6
RashadWebb2799312/08/198340.1
BrandonKinney0098609/15/198620.2
SachaGould1772207/31/198580.7
BrendaOsborn5213902/28/198140.5
SophiaFlynn7968808/07/198930.2
BreeOrr7016011/17/198890.7
YenBernard9921609/29/198210.3
LacotaLe6496409/11/1985100.7
NaydaHorton4230806/11/1982100.1
LeeNavarro4891804/15/198050.4
MargaretAustin2618105/29/198170.3
BrynneRandolph6852308/31/198280.9
OlegFry3224910/14/198290.4
MarkCooley5492312/14/198330.2
BrendanSharp4751103/09/198610.5
HollyCarrillo7168910/25/198110.3
KelseyMoses2766106/01/198850.8
GeraldineTyson9804902/04/198530.6
JasperSheppard9232911/06/198930.5
NobleConley1486903/08/198780.5
NatalieLuna6663711/04/198880.7
McKenziePowell8625910/21/198190.4
TylerDennis1367604/07/198460.2
VladimirJefferson7856902/28/198170.3
BrettPena1421808/28/198810.8
DemetriusKey6798501/19/198220.4
GwendolynGarner9732410/18/198510.8
MarvinMiddleton1014104/26/198920.7
NadineWalters2748402/17/198760.7
ClaireSweeney5421806/08/198350.4
EdwardDoyle4116705/20/198270.4
RamaMadden1183103/15/198240.8
SadeMaldonado3381408/17/1987100.9
MeghanLittle0858309/10/198190.2
KareemBurris0597212/16/198210.2
HarrietStanley1226112/22/198530.6
EzraBritt0484406/27/1987100.8
AdriaGrant4427010/14/198840.5
WyattWhitfield6416501/12/198070.2
EvanHerman3272504/16/198840.1
EmmanuelBaxter6189404/03/198030.6
FleurReilly2885309/23/198950.7
FletcherPadilla5928907/23/198850.2
JamalHerman2996605/24/198260.6
AmosTrujillo4879705/14/198310.4
CarolynGoodman6016611/12/198460.6
PhillipPitts9051412/31/198020.3
HyattBarnes9337502/20/198540.7
MatthewDudley5000703/10/198110.7
StaceyWoodward0797601/13/198260.3
XavierRowland2340005/28/198260.5
UllaCotton2331412/30/198960.1
GloriaButler1190007/05/198720.8
DemetriusBishop0964811/15/198580.1
PhelanHerring5657206/08/198770.9
JasonDickerson9126010/08/198180.5
KeithVincent3198609/29/1983100.3
EvelynJensen7782601/20/198830.9
DestinyValdez9992308/12/198380.2
LucyHoward3246007/12/198150.3
NicoleParrish9725401/31/198770.6
HashimPatel4421206/22/198320.6
HunterBlair1945209/05/198590.3
HilelNguyen0484709/01/198910.2
AmberJefferson5449810/08/198150.4
YuriGonzales4934108/30/198090.7
DemetriusBonner4593508/15/198240.9
ByronTyler7970308/09/198230.5
JasperDorsey6378307/25/198250.9
SoniaRiley1876308/28/198150.5
SamsonReynolds9507704/15/198030.8
OriFerguson5663908/27/198160.4
ReginaMarshall0467202/11/198530.7
HanaeFischer4792403/19/1984100.7
VictorPugh5049109/11/198990.9
AlexaCooper8327312/19/198490.4
RinaBates8499507/11/198890.9
ElijahWatson9737806/11/198520.3
RebeccaPage3515201/03/198920.9
PaulJefferson4362712/24/1982100.8
JermaineHerman3731201/05/198090.8
DemetriaClayton0195103/02/198830.2
ShelbyBarry8191308/19/198210.2
WarrenCampos0008410/28/1989100.7
AvramWells5725401/23/198130.2
AthenaNoel4065810/25/198730.6
LeighGallagher7767402/27/198810.1
HakeemTrujillo6142310/26/198120.8
GraidenLott4128708/13/1982100.8
CameronHines6200805/06/198950.8
DemetriusCruz7089512/29/198860.3
KatoBishop6078706/01/198550.8
EzraBartlett6592411/16/198360.4
NatalieLeon3636602/03/198610.6
LarissaMaldonado9536401/14/198280.9
DianaVillarreal5511602/13/198810.8
LeviWooten6618304/06/198180.3
TyroneMcdowell8094903/09/198960.8
StaceyWalsh2141107/15/198540.7
WallaceWashington9768306/26/198290.2
BrandonWhitney8248608/22/198840.5
KnoxCase6747101/22/198440.6
ChardePaul5210702/21/198680.1
AbelCastillo3114702/11/198470.6
PhoebeMunoz2752206/29/198590.7
MaggiePetty5983711/29/198920.9
ImogeneSchwartz1457402/28/198120.1
NathanielMcdowell4828210/26/198940.3
FleurHendricks8275909/15/198220.2
YvetteBrock6589508/15/198980.1
DexterMercer8148901/25/198720.2
BrockDavenport4766011/13/198560.9
OdessaDowns1602505/17/198350.5
ReeceSingleton0577503/13/1983100.3
KadenOchoa1189307/19/198490.1
UtaSolomon6341512/29/198670.4
AlikaSuarez3432807/20/1981100.1
HasadWhitehead2162612/07/1986100.9
CharissaBartlett9913211/10/198440.7
GemmaTownsend7859112/15/198950.9
BernardMayer3886010/06/198070.2
CarlBarton4795101/16/198230.9
InaRowland0242505/13/1986100.2
NinaReeves3337306/27/198050.6
JermaineCross1608504/23/198340.1
QuailHooper3917508/23/198430.2
ElmoWeiss0268812/07/1985100.5
JeanetteRivers3445108/29/198660.8
EthanGonzalez9113409/13/198050.4
ChaseAlbert8301310/03/198810.5
BeauMendoza3085601/11/198480.6
CastorBradford9970709/21/198720.1
BarbaraBlack2563312/16/198160.9
WynterWood5796104/02/198320.3
DaleMay7667904/02/198620.2
OlegHughes4317908/24/198690.1
FletcherBowen8655610/25/1983100.9
MeganBeck0453706/16/198340.4
NadineHodges0747312/24/198050.8
NaydaManning7754808/12/198170.7
DanielAtkinson8825602/04/198410.7
FallonHopkins4676807/18/198970.2
AudreyCastaneda1214410/09/198760.3
SybillHopkins4054411/03/198380.4
KaitlinLindsey5654708/13/1980100.3
BrianJones1896609/28/198360.4
DuncanAvila1483106/18/198810.6
AubreyVinson0803812/08/198420.1
FionaFranks1762411/20/198480.4
KeaneFox5439404/17/198550.5
RinahKnapp2637908/16/1984100.6
JolieTrujillo4822311/14/198650.3
SeptemberFinley0575602/19/198230.4
VanceBradshaw0018608/09/198830.9
AlexanderMarks8487910/02/1981100.5
JaelSutton9059202/18/198940.4
XerxesWare0904605/11/1983100.2
AmerySummers6375612/19/198180.8
BevisKennedy0331509/07/1988100.8
BrockMelendez1512812/17/198630.3
AsherAlvarado0401305/26/198730.4
MarciaMckenzie5206308/22/198510.4
ConnorWilkerson7773405/19/198930.4
IgnatiusKirkland0422806/07/198610.7
KevinPeck4218310/16/198730.6
MadonnaHolcomb9214712/23/198470.9
MollyCline4111911/08/198520.8
AnnHodges7073501/28/198130.8
VeronicaWard7918509/24/198790.2
CedricFischer9508507/02/198590.9
AvaBerg4266406/04/198960.1
OliviaFlores5836309/10/198980.8
MacKenzieWong4481309/10/198440.7
DaphneHebert9525505/17/198370.1
JonahFreeman8001409/14/1982100.2
AzaliaBender1585709/21/198480.5
GiacomoKirkland6066307/31/198280.4
VivienConley2156405/01/198620.5
CherokeeYoung6415212/20/198450.4
OdetteCurry5847906/18/198410.7
AbigailDickson1928204/02/198790.1

Usage instructions:

To achieve this in your tables, download, install, and activate the Extension like a regular WordPress plugin. Then change your table’s Shortcode from something like

[table id=123 /]

to

[table id=123 responsive="phone" /]

to get the responsive behavior on phones only (i.e. devices with a screen width smaller than 768 pixels), or to

[table id=123 responsive="tablet" /]

to get the responsive behavior on phones and tablets (i.e. devices with a screen width smaller than 980 pixels), or to

[table id=123 responsive="desktop" /]

to get the responsive behavior on phones, tablets, and average-sized monitors (i.e. devices with a screen width smaller than 1200 pixels), or to

[table id=123 responsive="all" /]

to get the responsive behavior on all devices, regardless of their screen size.

Top