FooTable – 작은 화면에 테이블을 효과적으로 표시해주는 jQuery plugin

FooTable – 작은 화면에 테이블을 효과적으로 표시해주는 jQuery plugin

FooTable

http://themergency.com/footable/

FooTable은 많은 컬럼을 가진 테이블을 스마트폰, 태블릿PC 등 작은 화면을 가진 기기에서 효과적으로 표시할 수 있게 해주는 jQuery plugin 입니다.

데스크탑 PC 화면에서는 모든 컬럼이 보이지만 화면 크기가 작아질 수록 보이는 컬럼의 개수가 줄어듭니다. 그래서 작은 화면에 컬럼들이 너무 빽빽하게 보이는 현상을 막아줍니다. 대신 자동으로 +버튼이 생겨서 +버튼을 클릭하면 가려진 컬럼의 내용들을 볼 수 있게 됩니다.

[데모보기]

위의 데모보기에서

choose a viewport 에서 디바이스를 선택하고 choose a demo 에서 데모 종류를 선택하시면 테이블의 모양이 자동으로 변하는 것을 보실 수 있습니다.