1. Home
  2. Table
  3. Bootstrap Tables
Simple Table
Activate bootstrap table without writing JavaScript.
# First Name Last Name Points
1 Mark Stevenson 150
2 Jacob Hoffman 158
3 Larry Hickle 658
4 Mark Gusikowski 245
5 Bruce Prohaska 985
6 Teagan Eichmann 548
7 Mark Stevenson 150
8 Jacob Hoffman 158
9 Larry Hickle 658
10 Mark Gusikowski 245
11 Bruce Prohaska 985
12 Teagan Eichmann 548
Styling Table
Use hover, striped, condensed options to set the styles of the columns bootstrap table.
# First Name Last Name Points
1 Mark Stevenson 150
2 Jacob Hoffman 158
3 Larry Hickle 658
4 Mark Gusikowski 245
5 Bruce Prohaska 985
6 Teagan Eichmann 548
7 Mark Stevenson 150
8 Jacob Hoffman 158
9 Larry Hickle 658
10 Mark Gusikowski 245
11 Bruce Prohaska 985
12 Teagan Eichmann 548
Column Alignment Table
Use align options to set the Alignment of the columns their header.
Align Center Align Left Align Right
Mark Stevenson 150
Jacob Hoffman 158
Larry Hickle 658
Mark Gusikowski 245
Bruce Prohaska 985
Teagan Eichmann 548
Mark Stevenson 150
Jacob Hoffman 158
Larry Hickle 658
Mark Gusikowski 245
Bruce Prohaska 985
Teagan Eichmann 548
Sorting Table
Use sortName, sortOrder, sortable options and sortable, order column options to set the basic sort of bootstrap table.
# First Name Last Name Points
1 Mark Stevenson 150
2 Jacob Hoffman 158
3 Larry Hickle 658
4 Mark Gusikowski 245
5 Bruce Prohaska 985
6 Teagan Eichmann 548
7 Mark Stevenson 150
8 Jacob Hoffman 158
9 Larry Hickle 658
10 Mark Gusikowski 245
11 Bruce Prohaska 985
12 Teagan Eichmann 548
Hide Header Table
# First Name Last Name Points
1 Mark Stevenson 150
2 Jacob Hoffman 158
3 Larry Hickle 658
4 Mark Gusikowski 245
5 Bruce Prohaska 985
6 Teagan Eichmann 548
7 Mark Stevenson 150
8 Jacob Hoffman 158
9 Larry Hickle 658
10 Mark Gusikowski 245
11 Bruce Prohaska 985
12 Teagan Eichmann 548
Shortable Table
Radio Select Table
Use clickToSelect, selectItemName options and radio column option to show a radio select table.
First Name Last Name Points
Mark Stevenson 150
Jacob Hoffman 158
Larry Hickle 658
Mark Gusikowski 245
Bruce Prohaska 985
Teagan Eichmann 548
Mark Stevenson 150
Jacob Hoffman 158
Larry Hickle 658
Mark Gusikowski 245
Bruce Prohaska 985
Teagan Eichmann 548
Checkbox Select Table
Use clickToSelect options and checkbox column option to show a radio select table.
First Name Last Name Points
Mark Stevenson 150
Jacob Hoffman 158
Larry Hickle 658
Mark Gusikowski 245
Bruce Prohaska 985
Teagan Eichmann 548
Mark Stevenson 150
Jacob Hoffman 158
Larry Hickle 658
Mark Gusikowski 245
Bruce Prohaska 985
Teagan Eichmann 548
Checkbox Select Table
Use cardView: true option to show Card View.
Name Star License Description
asSelect 258 MIT A jQuery colorpicker for best.
Bootstrap Table 548 MIT & YYY A jQuery plugin to select multiple elements with checkboxes and radio:)
asColorpicker 569 MIT A jQuery colorpicker for best.
asDatepicker 358 MIT A jQuery Datepicker for best.
asColorpicker 195 MIT A jQuery colorpicker for best.
Bootstrap Table 548 MIT & YYY A jQuery plugin to select multiple elements with checkboxes and radio:)
asSelect 258 MIT A jQuery colorpicker for best.
Bootstrap Table 548 MIT & YYY A jQuery plugin to select multiple elements with checkboxes and radio:)
asColorpicker 569 MIT A jQuery colorpicker for best.
asDatepicker 358 MIT A jQuery Datepicker for best.
Basic Toolbar Table
Use toolbar option to define the custom toolbars.
First Name Last Name Points
Mark Stevenson 150
Jacob Hoffman 158
Larry Hickle 658
Mark Gusikowski 245
Bruce Prohaska 985
Teagan Eichmann 548
Mark Stevenson 150
Jacob Hoffman 158
Larry Hickle 658
Mark Gusikowski 245
Bruce Prohaska 985
Teagan Eichmann 548
Chat Options
John Deo Online
John Deo Away
John Deo Busy
John Deo Offline
John Deo Online
John Deo Online
John Deo Online
John Deo Away
John Deo Busy
John Deo Offline