Refresh tables

[gadenbuie]

Sets a few default styles for tables and DataTables:

• Table stripes, hover, and selected row styles
• Adjust DT table container on overflow in small containers to scroll only the table, not the table and controls
• Reduce table size inside bslib cards, but only when not full screen.

This PR is supported by

• feat(card): Use an attribute to signal card is in full screen #669
• fix(bs_theme_preview): Don't include dashboard tab for BS < 5 #670
• feat(bs_theme_preview): Add more DT features and more tables #671

Screenshots

pkgload::load_all()
bs_theme_preview(bs_theme(5, "shiny"))

Edit: these screenshots capture the look-and-feel, but some details have changed slightly in the final version of the PR (e.g. striping is on even rows).

Full DT table styles

DT table in a card

When a DT table is used in a card that can expand to full screen, it would be useful to hide the table chrome (search, pagination, etc) and just show the table. The least jarring behavior would be to opt into this, so I've implemented it as a card class, e.g. card(class = "bslib-card-table-sm", ...).

Docs: We'll want to document this somewhere, but I'm not sure where that place would be. (We can also wait until the full theme is complete.)

DT table in a full-screen card

DT table in a small screen width

Notice header and footer are centered and the main table container (with overflow) scrolls horizontally.

[cpsievert]

Let's create an issue about making this CSS class more discoverable. One idea we discussed was having something like card_body_table(), which could be used like this:

card(
  card_body_table(DT::datatable())
)

Or maybe card(compact_tables = TRUE, DT::datatable())?