기본 콘텐츠로 건너뛰기

Responsive Tables

Add CSS file to the 

.

Add JavaScript file either to the  or to the bottom of 


You also need to add the dependencies

  • jQuery (>=1.11.0)
  • Bootstrap 3 (>=3.1.1) 

Markup

  1. Add the classes .table to the tables and wrap them in .table-responsive, as usual when using Bootstrap.
  2. If the table has complex data and many columns you can give it the class .table-small-font (highly recommended).
  3. The table can also utilize Bootstrap's table classes, such as .table-striped and .table-bordered.
...

Alternative 1: Initialize via data attributes

You can initalize the table without writing any JavaScript, just like Bootstrap. Just add the attribute data-pattern="priority-columns" to the .table-responsive div.
...

Alternative 2: Initialize via JavaScript

Responsive Tables

댓글