ponysmith.github.io

tabletrimBasic Example

Basic example

The table below uses tabletrim. To see it in action, resize your window. You may notice that the page itself is responsive. Scaling the page down from full-size to a small (mobile-style) size will cause the table to trim and untrim several times. This is because tabletrim is smart enough to base its trimming behavior off of the width of the table, rather than the width of the window. This is especially handy in fluid layouts.
Username First Name Last Name Email
superman Clark Kent man.of.steel@gmail.com
batman Bruce Wayne dark.knight@gmail.com
wonderwoman Diana Prince my.invisible.jet@gmail.com
professorx Charles Xavier professor.x@gmail.com
hulk Bruce Banner green.machine@gmail.com
wolverine Logan ? weapon.x@gmail.com

Code for this example

1
tabletrim($('#tabletrim-example'));