Mastering Bootstrap 4

Improving our price list with DataTables

With the Events section in place, it is time to move onto our price list that we built in Chapter 2, Making a Style Statement and Chapter 3, Building the Layout. For the data that is currently displayed, the existing table structure works perfectly fine. The prices are nicely presented, and the table is not too crowded. However, what if MyPhoto were required to display hundreds of prices (yes, this case may seem far fetched, but bear with it for demonstration purposes)? Our existing table structure would far exceed its display capacity; the columns would be too crowded and we would need to implement some form of pagination to help keep the table organized. Of course, if you read the previous sections, you ...