Format a data frame with formatter functions

This is an table generator that specializes in creating formatted table presented in HTML by default. To generate a formatted table, columns or areas of the input data frame can be transformed by formatter functions.

format_table(
  x,
  formatters = list(),
  format = c("html", "markdown", "pandoc"),
  align = "r",
  ...,
  digits = getOption("digits"),
  table.attr = "class=\"table table-condensed\""
)

Arguments

x

a data.frame.

formatters

a list of formatter functions or formulas. The existing columns of x will be applied the formatter function in formatters if it exists.

If a formatter is specified by formula, then the formula will be interpreted as a lambda expression with its left-hand side being a symbol and right-hand side being the expression using the symbol to represent the column values. The formula expression will be evaluated in the environment of the formula.

If a formatter is FALSE, then the corresponding column will be hidden.

Area formatter is specified in the form of area(row, col) ~ formatter without specifying the column name.

format

The output format: html, markdown or pandoc?

align

The alignment of columns: a character vector consisting of 'l' (left), 'c' (center), and/or 'r' (right). By default, all columns are right-aligned.

...

additional parameters to be passed to knitr::kable().

digits

The number of significant digits to be used for numeric and complex values.

table.attr

The HTML class of <table> created when format = "html"

Value

a knitr_kable object whose print() method generates a string-representation of data formatted by formatter in specific format.

See also

formattable(), area()

Examples

# mtcars (mpg in red)
format_table(mtcars,
   list(mpg = formatter("span", style = "color:red")))
#> <table class="table table-condensed">
#>  <thead>
#>   <tr>
#>    <th style="text-align:left;">   </th>
#>    <th style="text-align:right;"> mpg </th>
#>    <th style="text-align:right;"> cyl </th>
#>    <th style="text-align:right;"> disp </th>
#>    <th style="text-align:right;"> hp </th>
#>    <th style="text-align:right;"> drat </th>
#>    <th style="text-align:right;"> wt </th>
#>    <th style="text-align:right;"> qsec </th>
#>    <th style="text-align:right;"> vs </th>
#>    <th style="text-align:right;"> am </th>
#>    <th style="text-align:right;"> gear </th>
#>    <th style="text-align:right;"> carb </th>
#>   </tr>
#>  </thead>
#> <tbody>
#>   <tr>
#>    <td style="text-align:left;"> Mazda RX4 </td>
#>    <td style="text-align:right;"> <span style="color:red">21.0</span> </td>
#>    <td style="text-align:right;"> 6 </td>
#>    <td style="text-align:right;"> 160.0 </td>
#>    <td style="text-align:right;"> 110 </td>
#>    <td style="text-align:right;"> 3.90 </td>
#>    <td style="text-align:right;"> 2.620 </td>
#>    <td style="text-align:right;"> 16.46 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 4 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Mazda RX4 Wag </td>
#>    <td style="text-align:right;"> <span style="color:red">21.0</span> </td>
#>    <td style="text-align:right;"> 6 </td>
#>    <td style="text-align:right;"> 160.0 </td>
#>    <td style="text-align:right;"> 110 </td>
#>    <td style="text-align:right;"> 3.90 </td>
#>    <td style="text-align:right;"> 2.875 </td>
#>    <td style="text-align:right;"> 17.02 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 4 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Datsun 710 </td>
#>    <td style="text-align:right;"> <span style="color:red">22.8</span> </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 108.0 </td>
#>    <td style="text-align:right;"> 93 </td>
#>    <td style="text-align:right;"> 3.85 </td>
#>    <td style="text-align:right;"> 2.320 </td>
#>    <td style="text-align:right;"> 18.61 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 1 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Hornet 4 Drive </td>
#>    <td style="text-align:right;"> <span style="color:red">21.4</span> </td>
#>    <td style="text-align:right;"> 6 </td>
#>    <td style="text-align:right;"> 258.0 </td>
#>    <td style="text-align:right;"> 110 </td>
#>    <td style="text-align:right;"> 3.08 </td>
#>    <td style="text-align:right;"> 3.215 </td>
#>    <td style="text-align:right;"> 19.44 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 1 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Hornet Sportabout </td>
#>    <td style="text-align:right;"> <span style="color:red">18.7</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 360.0 </td>
#>    <td style="text-align:right;"> 175 </td>
#>    <td style="text-align:right;"> 3.15 </td>
#>    <td style="text-align:right;"> 3.440 </td>
#>    <td style="text-align:right;"> 17.02 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 2 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Valiant </td>
#>    <td style="text-align:right;"> <span style="color:red">18.1</span> </td>
#>    <td style="text-align:right;"> 6 </td>
#>    <td style="text-align:right;"> 225.0 </td>
#>    <td style="text-align:right;"> 105 </td>
#>    <td style="text-align:right;"> 2.76 </td>
#>    <td style="text-align:right;"> 3.460 </td>
#>    <td style="text-align:right;"> 20.22 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 1 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Duster 360 </td>
#>    <td style="text-align:right;"> <span style="color:red">14.3</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 360.0 </td>
#>    <td style="text-align:right;"> 245 </td>
#>    <td style="text-align:right;"> 3.21 </td>
#>    <td style="text-align:right;"> 3.570 </td>
#>    <td style="text-align:right;"> 15.84 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 4 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Merc 240D </td>
#>    <td style="text-align:right;"> <span style="color:red">24.4</span> </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 146.7 </td>
#>    <td style="text-align:right;"> 62 </td>
#>    <td style="text-align:right;"> 3.69 </td>
#>    <td style="text-align:right;"> 3.190 </td>
#>    <td style="text-align:right;"> 20.00 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 2 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Merc 230 </td>
#>    <td style="text-align:right;"> <span style="color:red">22.8</span> </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 140.8 </td>
#>    <td style="text-align:right;"> 95 </td>
#>    <td style="text-align:right;"> 3.92 </td>
#>    <td style="text-align:right;"> 3.150 </td>
#>    <td style="text-align:right;"> 22.90 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 2 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Merc 280 </td>
#>    <td style="text-align:right;"> <span style="color:red">19.2</span> </td>
#>    <td style="text-align:right;"> 6 </td>
#>    <td style="text-align:right;"> 167.6 </td>
#>    <td style="text-align:right;"> 123 </td>
#>    <td style="text-align:right;"> 3.92 </td>
#>    <td style="text-align:right;"> 3.440 </td>
#>    <td style="text-align:right;"> 18.30 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 4 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Merc 280C </td>
#>    <td style="text-align:right;"> <span style="color:red">17.8</span> </td>
#>    <td style="text-align:right;"> 6 </td>
#>    <td style="text-align:right;"> 167.6 </td>
#>    <td style="text-align:right;"> 123 </td>
#>    <td style="text-align:right;"> 3.92 </td>
#>    <td style="text-align:right;"> 3.440 </td>
#>    <td style="text-align:right;"> 18.90 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 4 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Merc 450SE </td>
#>    <td style="text-align:right;"> <span style="color:red">16.4</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 275.8 </td>
#>    <td style="text-align:right;"> 180 </td>
#>    <td style="text-align:right;"> 3.07 </td>
#>    <td style="text-align:right;"> 4.070 </td>
#>    <td style="text-align:right;"> 17.40 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 3 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Merc 450SL </td>
#>    <td style="text-align:right;"> <span style="color:red">17.3</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 275.8 </td>
#>    <td style="text-align:right;"> 180 </td>
#>    <td style="text-align:right;"> 3.07 </td>
#>    <td style="text-align:right;"> 3.730 </td>
#>    <td style="text-align:right;"> 17.60 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 3 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Merc 450SLC </td>
#>    <td style="text-align:right;"> <span style="color:red">15.2</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 275.8 </td>
#>    <td style="text-align:right;"> 180 </td>
#>    <td style="text-align:right;"> 3.07 </td>
#>    <td style="text-align:right;"> 3.780 </td>
#>    <td style="text-align:right;"> 18.00 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 3 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Cadillac Fleetwood </td>
#>    <td style="text-align:right;"> <span style="color:red">10.4</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 472.0 </td>
#>    <td style="text-align:right;"> 205 </td>
#>    <td style="text-align:right;"> 2.93 </td>
#>    <td style="text-align:right;"> 5.250 </td>
#>    <td style="text-align:right;"> 17.98 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 4 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Lincoln Continental </td>
#>    <td style="text-align:right;"> <span style="color:red">10.4</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 460.0 </td>
#>    <td style="text-align:right;"> 215 </td>
#>    <td style="text-align:right;"> 3.00 </td>
#>    <td style="text-align:right;"> 5.424 </td>
#>    <td style="text-align:right;"> 17.82 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 4 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Chrysler Imperial </td>
#>    <td style="text-align:right;"> <span style="color:red">14.7</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 440.0 </td>
#>    <td style="text-align:right;"> 230 </td>
#>    <td style="text-align:right;"> 3.23 </td>
#>    <td style="text-align:right;"> 5.345 </td>
#>    <td style="text-align:right;"> 17.42 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 4 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Fiat 128 </td>
#>    <td style="text-align:right;"> <span style="color:red">32.4</span> </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 78.7 </td>
#>    <td style="text-align:right;"> 66 </td>
#>    <td style="text-align:right;"> 4.08 </td>
#>    <td style="text-align:right;"> 2.200 </td>
#>    <td style="text-align:right;"> 19.47 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 1 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Honda Civic </td>
#>    <td style="text-align:right;"> <span style="color:red">30.4</span> </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 75.7 </td>
#>    <td style="text-align:right;"> 52 </td>
#>    <td style="text-align:right;"> 4.93 </td>
#>    <td style="text-align:right;"> 1.615 </td>
#>    <td style="text-align:right;"> 18.52 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 2 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Toyota Corolla </td>
#>    <td style="text-align:right;"> <span style="color:red">33.9</span> </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 71.1 </td>
#>    <td style="text-align:right;"> 65 </td>
#>    <td style="text-align:right;"> 4.22 </td>
#>    <td style="text-align:right;"> 1.835 </td>
#>    <td style="text-align:right;"> 19.90 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 1 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Toyota Corona </td>
#>    <td style="text-align:right;"> <span style="color:red">21.5</span> </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 120.1 </td>
#>    <td style="text-align:right;"> 97 </td>
#>    <td style="text-align:right;"> 3.70 </td>
#>    <td style="text-align:right;"> 2.465 </td>
#>    <td style="text-align:right;"> 20.01 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 1 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Dodge Challenger </td>
#>    <td style="text-align:right;"> <span style="color:red">15.5</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 318.0 </td>
#>    <td style="text-align:right;"> 150 </td>
#>    <td style="text-align:right;"> 2.76 </td>
#>    <td style="text-align:right;"> 3.520 </td>
#>    <td style="text-align:right;"> 16.87 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 2 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> AMC Javelin </td>
#>    <td style="text-align:right;"> <span style="color:red">15.2</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 304.0 </td>
#>    <td style="text-align:right;"> 150 </td>
#>    <td style="text-align:right;"> 3.15 </td>
#>    <td style="text-align:right;"> 3.435 </td>
#>    <td style="text-align:right;"> 17.30 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 2 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Camaro Z28 </td>
#>    <td style="text-align:right;"> <span style="color:red">13.3</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 350.0 </td>
#>    <td style="text-align:right;"> 245 </td>
#>    <td style="text-align:right;"> 3.73 </td>
#>    <td style="text-align:right;"> 3.840 </td>
#>    <td style="text-align:right;"> 15.41 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 4 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Pontiac Firebird </td>
#>    <td style="text-align:right;"> <span style="color:red">19.2</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 400.0 </td>
#>    <td style="text-align:right;"> 175 </td>
#>    <td style="text-align:right;"> 3.08 </td>
#>    <td style="text-align:right;"> 3.845 </td>
#>    <td style="text-align:right;"> 17.05 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 2 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Fiat X1-9 </td>
#>    <td style="text-align:right;"> <span style="color:red">27.3</span> </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 79.0 </td>
#>    <td style="text-align:right;"> 66 </td>
#>    <td style="text-align:right;"> 4.08 </td>
#>    <td style="text-align:right;"> 1.935 </td>
#>    <td style="text-align:right;"> 18.90 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 1 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Porsche 914-2 </td>
#>    <td style="text-align:right;"> <span style="color:red">26.0</span> </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 120.3 </td>
#>    <td style="text-align:right;"> 91 </td>
#>    <td style="text-align:right;"> 4.43 </td>
#>    <td style="text-align:right;"> 2.140 </td>
#>    <td style="text-align:right;"> 16.70 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 5 </td>
#>    <td style="text-align:right;"> 2 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Lotus Europa </td>
#>    <td style="text-align:right;"> <span style="color:red">30.4</span> </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 95.1 </td>
#>    <td style="text-align:right;"> 113 </td>
#>    <td style="text-align:right;"> 3.77 </td>
#>    <td style="text-align:right;"> 1.513 </td>
#>    <td style="text-align:right;"> 16.90 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 5 </td>
#>    <td style="text-align:right;"> 2 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Ford Pantera L </td>
#>    <td style="text-align:right;"> <span style="color:red">15.8</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 351.0 </td>
#>    <td style="text-align:right;"> 264 </td>
#>    <td style="text-align:right;"> 4.22 </td>
#>    <td style="text-align:right;"> 3.170 </td>
#>    <td style="text-align:right;"> 14.50 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 5 </td>
#>    <td style="text-align:right;"> 4 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Ferrari Dino </td>
#>    <td style="text-align:right;"> <span style="color:red">19.7</span> </td>
#>    <td style="text-align:right;"> 6 </td>
#>    <td style="text-align:right;"> 145.0 </td>
#>    <td style="text-align:right;"> 175 </td>
#>    <td style="text-align:right;"> 3.62 </td>
#>    <td style="text-align:right;"> 2.770 </td>
#>    <td style="text-align:right;"> 15.50 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 5 </td>
#>    <td style="text-align:right;"> 6 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Maserati Bora </td>
#>    <td style="text-align:right;"> <span style="color:red">15.0</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 301.0 </td>
#>    <td style="text-align:right;"> 335 </td>
#>    <td style="text-align:right;"> 3.54 </td>
#>    <td style="text-align:right;"> 3.570 </td>
#>    <td style="text-align:right;"> 14.60 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 5 </td>
#>    <td style="text-align:right;"> 8 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Volvo 142E </td>
#>    <td style="text-align:right;"> <span style="color:red">21.4</span> </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 121.0 </td>
#>    <td style="text-align:right;"> 109 </td>
#>    <td style="text-align:right;"> 4.11 </td>
#>    <td style="text-align:right;"> 2.780 </td>
#>    <td style="text-align:right;"> 18.60 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 2 </td>
#>   </tr>
#> </tbody>
#> </table>

# mtcars (mpg in red if greater than median)
format_table(mtcars, list(mpg = formatter("span",
   style = function(x) ifelse(x > median(x), "color:red", NA))))
#> <table class="table table-condensed">
#>  <thead>
#>   <tr>
#>    <th style="text-align:left;">   </th>
#>    <th style="text-align:right;"> mpg </th>
#>    <th style="text-align:right;"> cyl </th>
#>    <th style="text-align:right;"> disp </th>
#>    <th style="text-align:right;"> hp </th>
#>    <th style="text-align:right;"> drat </th>
#>    <th style="text-align:right;"> wt </th>
#>    <th style="text-align:right;"> qsec </th>
#>    <th style="text-align:right;"> vs </th>
#>    <th style="text-align:right;"> am </th>
#>    <th style="text-align:right;"> gear </th>
#>    <th style="text-align:right;"> carb </th>
#>   </tr>
#>  </thead>
#> <tbody>
#>   <tr>
#>    <td style="text-align:left;"> Mazda RX4 </td>
#>    <td style="text-align:right;"> <span style="color:red">21.0</span> </td>
#>    <td style="text-align:right;"> 6 </td>
#>    <td style="text-align:right;"> 160.0 </td>
#>    <td style="text-align:right;"> 110 </td>
#>    <td style="text-align:right;"> 3.90 </td>
#>    <td style="text-align:right;"> 2.620 </td>
#>    <td style="text-align:right;"> 16.46 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 4 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Mazda RX4 Wag </td>
#>    <td style="text-align:right;"> <span style="color:red">21.0</span> </td>
#>    <td style="text-align:right;"> 6 </td>
#>    <td style="text-align:right;"> 160.0 </td>
#>    <td style="text-align:right;"> 110 </td>
#>    <td style="text-align:right;"> 3.90 </td>
#>    <td style="text-align:right;"> 2.875 </td>
#>    <td style="text-align:right;"> 17.02 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 4 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Datsun 710 </td>
#>    <td style="text-align:right;"> <span style="color:red">22.8</span> </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 108.0 </td>
#>    <td style="text-align:right;"> 93 </td>
#>    <td style="text-align:right;"> 3.85 </td>
#>    <td style="text-align:right;"> 2.320 </td>
#>    <td style="text-align:right;"> 18.61 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 1 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Hornet 4 Drive </td>
#>    <td style="text-align:right;"> <span style="color:red">21.4</span> </td>
#>    <td style="text-align:right;"> 6 </td>
#>    <td style="text-align:right;"> 258.0 </td>
#>    <td style="text-align:right;"> 110 </td>
#>    <td style="text-align:right;"> 3.08 </td>
#>    <td style="text-align:right;"> 3.215 </td>
#>    <td style="text-align:right;"> 19.44 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 1 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Hornet Sportabout </td>
#>    <td style="text-align:right;"> <span>18.7</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 360.0 </td>
#>    <td style="text-align:right;"> 175 </td>
#>    <td style="text-align:right;"> 3.15 </td>
#>    <td style="text-align:right;"> 3.440 </td>
#>    <td style="text-align:right;"> 17.02 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 2 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Valiant </td>
#>    <td style="text-align:right;"> <span>18.1</span> </td>
#>    <td style="text-align:right;"> 6 </td>
#>    <td style="text-align:right;"> 225.0 </td>
#>    <td style="text-align:right;"> 105 </td>
#>    <td style="text-align:right;"> 2.76 </td>
#>    <td style="text-align:right;"> 3.460 </td>
#>    <td style="text-align:right;"> 20.22 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 1 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Duster 360 </td>
#>    <td style="text-align:right;"> <span>14.3</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 360.0 </td>
#>    <td style="text-align:right;"> 245 </td>
#>    <td style="text-align:right;"> 3.21 </td>
#>    <td style="text-align:right;"> 3.570 </td>
#>    <td style="text-align:right;"> 15.84 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 4 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Merc 240D </td>
#>    <td style="text-align:right;"> <span style="color:red">24.4</span> </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 146.7 </td>
#>    <td style="text-align:right;"> 62 </td>
#>    <td style="text-align:right;"> 3.69 </td>
#>    <td style="text-align:right;"> 3.190 </td>
#>    <td style="text-align:right;"> 20.00 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 2 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Merc 230 </td>
#>    <td style="text-align:right;"> <span style="color:red">22.8</span> </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 140.8 </td>
#>    <td style="text-align:right;"> 95 </td>
#>    <td style="text-align:right;"> 3.92 </td>
#>    <td style="text-align:right;"> 3.150 </td>
#>    <td style="text-align:right;"> 22.90 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 2 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Merc 280 </td>
#>    <td style="text-align:right;"> <span>19.2</span> </td>
#>    <td style="text-align:right;"> 6 </td>
#>    <td style="text-align:right;"> 167.6 </td>
#>    <td style="text-align:right;"> 123 </td>
#>    <td style="text-align:right;"> 3.92 </td>
#>    <td style="text-align:right;"> 3.440 </td>
#>    <td style="text-align:right;"> 18.30 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 4 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Merc 280C </td>
#>    <td style="text-align:right;"> <span>17.8</span> </td>
#>    <td style="text-align:right;"> 6 </td>
#>    <td style="text-align:right;"> 167.6 </td>
#>    <td style="text-align:right;"> 123 </td>
#>    <td style="text-align:right;"> 3.92 </td>
#>    <td style="text-align:right;"> 3.440 </td>
#>    <td style="text-align:right;"> 18.90 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 4 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Merc 450SE </td>
#>    <td style="text-align:right;"> <span>16.4</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 275.8 </td>
#>    <td style="text-align:right;"> 180 </td>
#>    <td style="text-align:right;"> 3.07 </td>
#>    <td style="text-align:right;"> 4.070 </td>
#>    <td style="text-align:right;"> 17.40 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 3 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Merc 450SL </td>
#>    <td style="text-align:right;"> <span>17.3</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 275.8 </td>
#>    <td style="text-align:right;"> 180 </td>
#>    <td style="text-align:right;"> 3.07 </td>
#>    <td style="text-align:right;"> 3.730 </td>
#>    <td style="text-align:right;"> 17.60 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 3 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Merc 450SLC </td>
#>    <td style="text-align:right;"> <span>15.2</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 275.8 </td>
#>    <td style="text-align:right;"> 180 </td>
#>    <td style="text-align:right;"> 3.07 </td>
#>    <td style="text-align:right;"> 3.780 </td>
#>    <td style="text-align:right;"> 18.00 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 3 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Cadillac Fleetwood </td>
#>    <td style="text-align:right;"> <span>10.4</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 472.0 </td>
#>    <td style="text-align:right;"> 205 </td>
#>    <td style="text-align:right;"> 2.93 </td>
#>    <td style="text-align:right;"> 5.250 </td>
#>    <td style="text-align:right;"> 17.98 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 4 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Lincoln Continental </td>
#>    <td style="text-align:right;"> <span>10.4</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 460.0 </td>
#>    <td style="text-align:right;"> 215 </td>
#>    <td style="text-align:right;"> 3.00 </td>
#>    <td style="text-align:right;"> 5.424 </td>
#>    <td style="text-align:right;"> 17.82 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 4 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Chrysler Imperial </td>
#>    <td style="text-align:right;"> <span>14.7</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 440.0 </td>
#>    <td style="text-align:right;"> 230 </td>
#>    <td style="text-align:right;"> 3.23 </td>
#>    <td style="text-align:right;"> 5.345 </td>
#>    <td style="text-align:right;"> 17.42 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 4 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Fiat 128 </td>
#>    <td style="text-align:right;"> <span style="color:red">32.4</span> </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 78.7 </td>
#>    <td style="text-align:right;"> 66 </td>
#>    <td style="text-align:right;"> 4.08 </td>
#>    <td style="text-align:right;"> 2.200 </td>
#>    <td style="text-align:right;"> 19.47 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 1 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Honda Civic </td>
#>    <td style="text-align:right;"> <span style="color:red">30.4</span> </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 75.7 </td>
#>    <td style="text-align:right;"> 52 </td>
#>    <td style="text-align:right;"> 4.93 </td>
#>    <td style="text-align:right;"> 1.615 </td>
#>    <td style="text-align:right;"> 18.52 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 2 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Toyota Corolla </td>
#>    <td style="text-align:right;"> <span style="color:red">33.9</span> </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 71.1 </td>
#>    <td style="text-align:right;"> 65 </td>
#>    <td style="text-align:right;"> 4.22 </td>
#>    <td style="text-align:right;"> 1.835 </td>
#>    <td style="text-align:right;"> 19.90 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 1 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Toyota Corona </td>
#>    <td style="text-align:right;"> <span style="color:red">21.5</span> </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 120.1 </td>
#>    <td style="text-align:right;"> 97 </td>
#>    <td style="text-align:right;"> 3.70 </td>
#>    <td style="text-align:right;"> 2.465 </td>
#>    <td style="text-align:right;"> 20.01 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 1 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Dodge Challenger </td>
#>    <td style="text-align:right;"> <span>15.5</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 318.0 </td>
#>    <td style="text-align:right;"> 150 </td>
#>    <td style="text-align:right;"> 2.76 </td>
#>    <td style="text-align:right;"> 3.520 </td>
#>    <td style="text-align:right;"> 16.87 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 2 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> AMC Javelin </td>
#>    <td style="text-align:right;"> <span>15.2</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 304.0 </td>
#>    <td style="text-align:right;"> 150 </td>
#>    <td style="text-align:right;"> 3.15 </td>
#>    <td style="text-align:right;"> 3.435 </td>
#>    <td style="text-align:right;"> 17.30 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 2 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Camaro Z28 </td>
#>    <td style="text-align:right;"> <span>13.3</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 350.0 </td>
#>    <td style="text-align:right;"> 245 </td>
#>    <td style="text-align:right;"> 3.73 </td>
#>    <td style="text-align:right;"> 3.840 </td>
#>    <td style="text-align:right;"> 15.41 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 4 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Pontiac Firebird </td>
#>    <td style="text-align:right;"> <span>19.2</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 400.0 </td>
#>    <td style="text-align:right;"> 175 </td>
#>    <td style="text-align:right;"> 3.08 </td>
#>    <td style="text-align:right;"> 3.845 </td>
#>    <td style="text-align:right;"> 17.05 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 2 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Fiat X1-9 </td>
#>    <td style="text-align:right;"> <span style="color:red">27.3</span> </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 79.0 </td>
#>    <td style="text-align:right;"> 66 </td>
#>    <td style="text-align:right;"> 4.08 </td>
#>    <td style="text-align:right;"> 1.935 </td>
#>    <td style="text-align:right;"> 18.90 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 1 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Porsche 914-2 </td>
#>    <td style="text-align:right;"> <span style="color:red">26.0</span> </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 120.3 </td>
#>    <td style="text-align:right;"> 91 </td>
#>    <td style="text-align:right;"> 4.43 </td>
#>    <td style="text-align:right;"> 2.140 </td>
#>    <td style="text-align:right;"> 16.70 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 5 </td>
#>    <td style="text-align:right;"> 2 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Lotus Europa </td>
#>    <td style="text-align:right;"> <span style="color:red">30.4</span> </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 95.1 </td>
#>    <td style="text-align:right;"> 113 </td>
#>    <td style="text-align:right;"> 3.77 </td>
#>    <td style="text-align:right;"> 1.513 </td>
#>    <td style="text-align:right;"> 16.90 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 5 </td>
#>    <td style="text-align:right;"> 2 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Ford Pantera L </td>
#>    <td style="text-align:right;"> <span>15.8</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 351.0 </td>
#>    <td style="text-align:right;"> 264 </td>
#>    <td style="text-align:right;"> 4.22 </td>
#>    <td style="text-align:right;"> 3.170 </td>
#>    <td style="text-align:right;"> 14.50 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 5 </td>
#>    <td style="text-align:right;"> 4 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Ferrari Dino </td>
#>    <td style="text-align:right;"> <span style="color:red">19.7</span> </td>
#>    <td style="text-align:right;"> 6 </td>
#>    <td style="text-align:right;"> 145.0 </td>
#>    <td style="text-align:right;"> 175 </td>
#>    <td style="text-align:right;"> 3.62 </td>
#>    <td style="text-align:right;"> 2.770 </td>
#>    <td style="text-align:right;"> 15.50 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 5 </td>
#>    <td style="text-align:right;"> 6 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Maserati Bora </td>
#>    <td style="text-align:right;"> <span>15.0</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 301.0 </td>
#>    <td style="text-align:right;"> 335 </td>
#>    <td style="text-align:right;"> 3.54 </td>
#>    <td style="text-align:right;"> 3.570 </td>
#>    <td style="text-align:right;"> 14.60 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 5 </td>
#>    <td style="text-align:right;"> 8 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Volvo 142E </td>
#>    <td style="text-align:right;"> <span style="color:red">21.4</span> </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 121.0 </td>
#>    <td style="text-align:right;"> 109 </td>
#>    <td style="text-align:right;"> 4.11 </td>
#>    <td style="text-align:right;"> 2.780 </td>
#>    <td style="text-align:right;"> 18.60 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 2 </td>
#>   </tr>
#> </tbody>
#> </table>

# mtcars (mpg in red if greater than median, using formula)
format_table(mtcars, list(mpg = formatter("span",
   style = x ~ ifelse(x > median(x), "color:red", NA))))
#> <table class="table table-condensed">
#>  <thead>
#>   <tr>
#>    <th style="text-align:left;">   </th>
#>    <th style="text-align:right;"> mpg </th>
#>    <th style="text-align:right;"> cyl </th>
#>    <th style="text-align:right;"> disp </th>
#>    <th style="text-align:right;"> hp </th>
#>    <th style="text-align:right;"> drat </th>
#>    <th style="text-align:right;"> wt </th>
#>    <th style="text-align:right;"> qsec </th>
#>    <th style="text-align:right;"> vs </th>
#>    <th style="text-align:right;"> am </th>
#>    <th style="text-align:right;"> gear </th>
#>    <th style="text-align:right;"> carb </th>
#>   </tr>
#>  </thead>
#> <tbody>
#>   <tr>
#>    <td style="text-align:left;"> Mazda RX4 </td>
#>    <td style="text-align:right;"> <span style="color:red">21.0</span> </td>
#>    <td style="text-align:right;"> 6 </td>
#>    <td style="text-align:right;"> 160.0 </td>
#>    <td style="text-align:right;"> 110 </td>
#>    <td style="text-align:right;"> 3.90 </td>
#>    <td style="text-align:right;"> 2.620 </td>
#>    <td style="text-align:right;"> 16.46 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 4 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Mazda RX4 Wag </td>
#>    <td style="text-align:right;"> <span style="color:red">21.0</span> </td>
#>    <td style="text-align:right;"> 6 </td>
#>    <td style="text-align:right;"> 160.0 </td>
#>    <td style="text-align:right;"> 110 </td>
#>    <td style="text-align:right;"> 3.90 </td>
#>    <td style="text-align:right;"> 2.875 </td>
#>    <td style="text-align:right;"> 17.02 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 4 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Datsun 710 </td>
#>    <td style="text-align:right;"> <span style="color:red">22.8</span> </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 108.0 </td>
#>    <td style="text-align:right;"> 93 </td>
#>    <td style="text-align:right;"> 3.85 </td>
#>    <td style="text-align:right;"> 2.320 </td>
#>    <td style="text-align:right;"> 18.61 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 1 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Hornet 4 Drive </td>
#>    <td style="text-align:right;"> <span style="color:red">21.4</span> </td>
#>    <td style="text-align:right;"> 6 </td>
#>    <td style="text-align:right;"> 258.0 </td>
#>    <td style="text-align:right;"> 110 </td>
#>    <td style="text-align:right;"> 3.08 </td>
#>    <td style="text-align:right;"> 3.215 </td>
#>    <td style="text-align:right;"> 19.44 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 1 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Hornet Sportabout </td>
#>    <td style="text-align:right;"> <span>18.7</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 360.0 </td>
#>    <td style="text-align:right;"> 175 </td>
#>    <td style="text-align:right;"> 3.15 </td>
#>    <td style="text-align:right;"> 3.440 </td>
#>    <td style="text-align:right;"> 17.02 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 2 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Valiant </td>
#>    <td style="text-align:right;"> <span>18.1</span> </td>
#>    <td style="text-align:right;"> 6 </td>
#>    <td style="text-align:right;"> 225.0 </td>
#>    <td style="text-align:right;"> 105 </td>
#>    <td style="text-align:right;"> 2.76 </td>
#>    <td style="text-align:right;"> 3.460 </td>
#>    <td style="text-align:right;"> 20.22 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 1 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Duster 360 </td>
#>    <td style="text-align:right;"> <span>14.3</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 360.0 </td>
#>    <td style="text-align:right;"> 245 </td>
#>    <td style="text-align:right;"> 3.21 </td>
#>    <td style="text-align:right;"> 3.570 </td>
#>    <td style="text-align:right;"> 15.84 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 4 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Merc 240D </td>
#>    <td style="text-align:right;"> <span style="color:red">24.4</span> </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 146.7 </td>
#>    <td style="text-align:right;"> 62 </td>
#>    <td style="text-align:right;"> 3.69 </td>
#>    <td style="text-align:right;"> 3.190 </td>
#>    <td style="text-align:right;"> 20.00 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 2 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Merc 230 </td>
#>    <td style="text-align:right;"> <span style="color:red">22.8</span> </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 140.8 </td>
#>    <td style="text-align:right;"> 95 </td>
#>    <td style="text-align:right;"> 3.92 </td>
#>    <td style="text-align:right;"> 3.150 </td>
#>    <td style="text-align:right;"> 22.90 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 2 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Merc 280 </td>
#>    <td style="text-align:right;"> <span>19.2</span> </td>
#>    <td style="text-align:right;"> 6 </td>
#>    <td style="text-align:right;"> 167.6 </td>
#>    <td style="text-align:right;"> 123 </td>
#>    <td style="text-align:right;"> 3.92 </td>
#>    <td style="text-align:right;"> 3.440 </td>
#>    <td style="text-align:right;"> 18.30 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 4 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Merc 280C </td>
#>    <td style="text-align:right;"> <span>17.8</span> </td>
#>    <td style="text-align:right;"> 6 </td>
#>    <td style="text-align:right;"> 167.6 </td>
#>    <td style="text-align:right;"> 123 </td>
#>    <td style="text-align:right;"> 3.92 </td>
#>    <td style="text-align:right;"> 3.440 </td>
#>    <td style="text-align:right;"> 18.90 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 4 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Merc 450SE </td>
#>    <td style="text-align:right;"> <span>16.4</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 275.8 </td>
#>    <td style="text-align:right;"> 180 </td>
#>    <td style="text-align:right;"> 3.07 </td>
#>    <td style="text-align:right;"> 4.070 </td>
#>    <td style="text-align:right;"> 17.40 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 3 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Merc 450SL </td>
#>    <td style="text-align:right;"> <span>17.3</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 275.8 </td>
#>    <td style="text-align:right;"> 180 </td>
#>    <td style="text-align:right;"> 3.07 </td>
#>    <td style="text-align:right;"> 3.730 </td>
#>    <td style="text-align:right;"> 17.60 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 3 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Merc 450SLC </td>
#>    <td style="text-align:right;"> <span>15.2</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 275.8 </td>
#>    <td style="text-align:right;"> 180 </td>
#>    <td style="text-align:right;"> 3.07 </td>
#>    <td style="text-align:right;"> 3.780 </td>
#>    <td style="text-align:right;"> 18.00 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 3 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Cadillac Fleetwood </td>
#>    <td style="text-align:right;"> <span>10.4</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 472.0 </td>
#>    <td style="text-align:right;"> 205 </td>
#>    <td style="text-align:right;"> 2.93 </td>
#>    <td style="text-align:right;"> 5.250 </td>
#>    <td style="text-align:right;"> 17.98 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 4 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Lincoln Continental </td>
#>    <td style="text-align:right;"> <span>10.4</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 460.0 </td>
#>    <td style="text-align:right;"> 215 </td>
#>    <td style="text-align:right;"> 3.00 </td>
#>    <td style="text-align:right;"> 5.424 </td>
#>    <td style="text-align:right;"> 17.82 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 4 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Chrysler Imperial </td>
#>    <td style="text-align:right;"> <span>14.7</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 440.0 </td>
#>    <td style="text-align:right;"> 230 </td>
#>    <td style="text-align:right;"> 3.23 </td>
#>    <td style="text-align:right;"> 5.345 </td>
#>    <td style="text-align:right;"> 17.42 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 4 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Fiat 128 </td>
#>    <td style="text-align:right;"> <span style="color:red">32.4</span> </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 78.7 </td>
#>    <td style="text-align:right;"> 66 </td>
#>    <td style="text-align:right;"> 4.08 </td>
#>    <td style="text-align:right;"> 2.200 </td>
#>    <td style="text-align:right;"> 19.47 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 1 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Honda Civic </td>
#>    <td style="text-align:right;"> <span style="color:red">30.4</span> </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 75.7 </td>
#>    <td style="text-align:right;"> 52 </td>
#>    <td style="text-align:right;"> 4.93 </td>
#>    <td style="text-align:right;"> 1.615 </td>
#>    <td style="text-align:right;"> 18.52 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 2 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Toyota Corolla </td>
#>    <td style="text-align:right;"> <span style="color:red">33.9</span> </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 71.1 </td>
#>    <td style="text-align:right;"> 65 </td>
#>    <td style="text-align:right;"> 4.22 </td>
#>    <td style="text-align:right;"> 1.835 </td>
#>    <td style="text-align:right;"> 19.90 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 1 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Toyota Corona </td>
#>    <td style="text-align:right;"> <span style="color:red">21.5</span> </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 120.1 </td>
#>    <td style="text-align:right;"> 97 </td>
#>    <td style="text-align:right;"> 3.70 </td>
#>    <td style="text-align:right;"> 2.465 </td>
#>    <td style="text-align:right;"> 20.01 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 1 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Dodge Challenger </td>
#>    <td style="text-align:right;"> <span>15.5</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 318.0 </td>
#>    <td style="text-align:right;"> 150 </td>
#>    <td style="text-align:right;"> 2.76 </td>
#>    <td style="text-align:right;"> 3.520 </td>
#>    <td style="text-align:right;"> 16.87 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 2 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> AMC Javelin </td>
#>    <td style="text-align:right;"> <span>15.2</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 304.0 </td>
#>    <td style="text-align:right;"> 150 </td>
#>    <td style="text-align:right;"> 3.15 </td>
#>    <td style="text-align:right;"> 3.435 </td>
#>    <td style="text-align:right;"> 17.30 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 2 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Camaro Z28 </td>
#>    <td style="text-align:right;"> <span>13.3</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 350.0 </td>
#>    <td style="text-align:right;"> 245 </td>
#>    <td style="text-align:right;"> 3.73 </td>
#>    <td style="text-align:right;"> 3.840 </td>
#>    <td style="text-align:right;"> 15.41 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 4 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Pontiac Firebird </td>
#>    <td style="text-align:right;"> <span>19.2</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 400.0 </td>
#>    <td style="text-align:right;"> 175 </td>
#>    <td style="text-align:right;"> 3.08 </td>
#>    <td style="text-align:right;"> 3.845 </td>
#>    <td style="text-align:right;"> 17.05 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 2 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Fiat X1-9 </td>
#>    <td style="text-align:right;"> <span style="color:red">27.3</span> </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 79.0 </td>
#>    <td style="text-align:right;"> 66 </td>
#>    <td style="text-align:right;"> 4.08 </td>
#>    <td style="text-align:right;"> 1.935 </td>
#>    <td style="text-align:right;"> 18.90 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 1 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Porsche 914-2 </td>
#>    <td style="text-align:right;"> <span style="color:red">26.0</span> </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 120.3 </td>
#>    <td style="text-align:right;"> 91 </td>
#>    <td style="text-align:right;"> 4.43 </td>
#>    <td style="text-align:right;"> 2.140 </td>
#>    <td style="text-align:right;"> 16.70 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 5 </td>
#>    <td style="text-align:right;"> 2 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Lotus Europa </td>
#>    <td style="text-align:right;"> <span style="color:red">30.4</span> </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 95.1 </td>
#>    <td style="text-align:right;"> 113 </td>
#>    <td style="text-align:right;"> 3.77 </td>
#>    <td style="text-align:right;"> 1.513 </td>
#>    <td style="text-align:right;"> 16.90 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 5 </td>
#>    <td style="text-align:right;"> 2 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Ford Pantera L </td>
#>    <td style="text-align:right;"> <span>15.8</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 351.0 </td>
#>    <td style="text-align:right;"> 264 </td>
#>    <td style="text-align:right;"> 4.22 </td>
#>    <td style="text-align:right;"> 3.170 </td>
#>    <td style="text-align:right;"> 14.50 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 5 </td>
#>    <td style="text-align:right;"> 4 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Ferrari Dino </td>
#>    <td style="text-align:right;"> <span style="color:red">19.7</span> </td>
#>    <td style="text-align:right;"> 6 </td>
#>    <td style="text-align:right;"> 145.0 </td>
#>    <td style="text-align:right;"> 175 </td>
#>    <td style="text-align:right;"> 3.62 </td>
#>    <td style="text-align:right;"> 2.770 </td>
#>    <td style="text-align:right;"> 15.50 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 5 </td>
#>    <td style="text-align:right;"> 6 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Maserati Bora </td>
#>    <td style="text-align:right;"> <span>15.0</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 301.0 </td>
#>    <td style="text-align:right;"> 335 </td>
#>    <td style="text-align:right;"> 3.54 </td>
#>    <td style="text-align:right;"> 3.570 </td>
#>    <td style="text-align:right;"> 14.60 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 5 </td>
#>    <td style="text-align:right;"> 8 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Volvo 142E </td>
#>    <td style="text-align:right;"> <span style="color:red">21.4</span> </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 121.0 </td>
#>    <td style="text-align:right;"> 109 </td>
#>    <td style="text-align:right;"> 4.11 </td>
#>    <td style="text-align:right;"> 2.780 </td>
#>    <td style="text-align:right;"> 18.60 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 2 </td>
#>   </tr>
#> </tbody>
#> </table>

# mtcars (mpg in gradient: the higher, the redder)
format_table(mtcars, list(mpg = formatter("span",
   style = x ~ style(color = rgb(x/max(x), 0, 0)))))
#> <table class="table table-condensed">
#>  <thead>
#>   <tr>
#>    <th style="text-align:left;">   </th>
#>    <th style="text-align:right;"> mpg </th>
#>    <th style="text-align:right;"> cyl </th>
#>    <th style="text-align:right;"> disp </th>
#>    <th style="text-align:right;"> hp </th>
#>    <th style="text-align:right;"> drat </th>
#>    <th style="text-align:right;"> wt </th>
#>    <th style="text-align:right;"> qsec </th>
#>    <th style="text-align:right;"> vs </th>
#>    <th style="text-align:right;"> am </th>
#>    <th style="text-align:right;"> gear </th>
#>    <th style="text-align:right;"> carb </th>
#>   </tr>
#>  </thead>
#> <tbody>
#>   <tr>
#>    <td style="text-align:left;"> Mazda RX4 </td>
#>    <td style="text-align:right;"> <span style="color: #9E0000">21.0</span> </td>
#>    <td style="text-align:right;"> 6 </td>
#>    <td style="text-align:right;"> 160.0 </td>
#>    <td style="text-align:right;"> 110 </td>
#>    <td style="text-align:right;"> 3.90 </td>
#>    <td style="text-align:right;"> 2.620 </td>
#>    <td style="text-align:right;"> 16.46 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 4 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Mazda RX4 Wag </td>
#>    <td style="text-align:right;"> <span style="color: #9E0000">21.0</span> </td>
#>    <td style="text-align:right;"> 6 </td>
#>    <td style="text-align:right;"> 160.0 </td>
#>    <td style="text-align:right;"> 110 </td>
#>    <td style="text-align:right;"> 3.90 </td>
#>    <td style="text-align:right;"> 2.875 </td>
#>    <td style="text-align:right;"> 17.02 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 4 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Datsun 710 </td>
#>    <td style="text-align:right;"> <span style="color: #AC0000">22.8</span> </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 108.0 </td>
#>    <td style="text-align:right;"> 93 </td>
#>    <td style="text-align:right;"> 3.85 </td>
#>    <td style="text-align:right;"> 2.320 </td>
#>    <td style="text-align:right;"> 18.61 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 1 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Hornet 4 Drive </td>
#>    <td style="text-align:right;"> <span style="color: #A10000">21.4</span> </td>
#>    <td style="text-align:right;"> 6 </td>
#>    <td style="text-align:right;"> 258.0 </td>
#>    <td style="text-align:right;"> 110 </td>
#>    <td style="text-align:right;"> 3.08 </td>
#>    <td style="text-align:right;"> 3.215 </td>
#>    <td style="text-align:right;"> 19.44 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 1 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Hornet Sportabout </td>
#>    <td style="text-align:right;"> <span style="color: #8D0000">18.7</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 360.0 </td>
#>    <td style="text-align:right;"> 175 </td>
#>    <td style="text-align:right;"> 3.15 </td>
#>    <td style="text-align:right;"> 3.440 </td>
#>    <td style="text-align:right;"> 17.02 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 2 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Valiant </td>
#>    <td style="text-align:right;"> <span style="color: #880000">18.1</span> </td>
#>    <td style="text-align:right;"> 6 </td>
#>    <td style="text-align:right;"> 225.0 </td>
#>    <td style="text-align:right;"> 105 </td>
#>    <td style="text-align:right;"> 2.76 </td>
#>    <td style="text-align:right;"> 3.460 </td>
#>    <td style="text-align:right;"> 20.22 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 1 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Duster 360 </td>
#>    <td style="text-align:right;"> <span style="color: #6C0000">14.3</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 360.0 </td>
#>    <td style="text-align:right;"> 245 </td>
#>    <td style="text-align:right;"> 3.21 </td>
#>    <td style="text-align:right;"> 3.570 </td>
#>    <td style="text-align:right;"> 15.84 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 4 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Merc 240D </td>
#>    <td style="text-align:right;"> <span style="color: #B80000">24.4</span> </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 146.7 </td>
#>    <td style="text-align:right;"> 62 </td>
#>    <td style="text-align:right;"> 3.69 </td>
#>    <td style="text-align:right;"> 3.190 </td>
#>    <td style="text-align:right;"> 20.00 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 2 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Merc 230 </td>
#>    <td style="text-align:right;"> <span style="color: #AC0000">22.8</span> </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 140.8 </td>
#>    <td style="text-align:right;"> 95 </td>
#>    <td style="text-align:right;"> 3.92 </td>
#>    <td style="text-align:right;"> 3.150 </td>
#>    <td style="text-align:right;"> 22.90 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 2 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Merc 280 </td>
#>    <td style="text-align:right;"> <span style="color: #900000">19.2</span> </td>
#>    <td style="text-align:right;"> 6 </td>
#>    <td style="text-align:right;"> 167.6 </td>
#>    <td style="text-align:right;"> 123 </td>
#>    <td style="text-align:right;"> 3.92 </td>
#>    <td style="text-align:right;"> 3.440 </td>
#>    <td style="text-align:right;"> 18.30 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 4 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Merc 280C </td>
#>    <td style="text-align:right;"> <span style="color: #860000">17.8</span> </td>
#>    <td style="text-align:right;"> 6 </td>
#>    <td style="text-align:right;"> 167.6 </td>
#>    <td style="text-align:right;"> 123 </td>
#>    <td style="text-align:right;"> 3.92 </td>
#>    <td style="text-align:right;"> 3.440 </td>
#>    <td style="text-align:right;"> 18.90 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 4 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Merc 450SE </td>
#>    <td style="text-align:right;"> <span style="color: #7B0000">16.4</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 275.8 </td>
#>    <td style="text-align:right;"> 180 </td>
#>    <td style="text-align:right;"> 3.07 </td>
#>    <td style="text-align:right;"> 4.070 </td>
#>    <td style="text-align:right;"> 17.40 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 3 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Merc 450SL </td>
#>    <td style="text-align:right;"> <span style="color: #820000">17.3</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 275.8 </td>
#>    <td style="text-align:right;"> 180 </td>
#>    <td style="text-align:right;"> 3.07 </td>
#>    <td style="text-align:right;"> 3.730 </td>
#>    <td style="text-align:right;"> 17.60 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 3 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Merc 450SLC </td>
#>    <td style="text-align:right;"> <span style="color: #720000">15.2</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 275.8 </td>
#>    <td style="text-align:right;"> 180 </td>
#>    <td style="text-align:right;"> 3.07 </td>
#>    <td style="text-align:right;"> 3.780 </td>
#>    <td style="text-align:right;"> 18.00 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 3 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Cadillac Fleetwood </td>
#>    <td style="text-align:right;"> <span style="color: #4E0000">10.4</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 472.0 </td>
#>    <td style="text-align:right;"> 205 </td>
#>    <td style="text-align:right;"> 2.93 </td>
#>    <td style="text-align:right;"> 5.250 </td>
#>    <td style="text-align:right;"> 17.98 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 4 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Lincoln Continental </td>
#>    <td style="text-align:right;"> <span style="color: #4E0000">10.4</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 460.0 </td>
#>    <td style="text-align:right;"> 215 </td>
#>    <td style="text-align:right;"> 3.00 </td>
#>    <td style="text-align:right;"> 5.424 </td>
#>    <td style="text-align:right;"> 17.82 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 4 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Chrysler Imperial </td>
#>    <td style="text-align:right;"> <span style="color: #6F0000">14.7</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 440.0 </td>
#>    <td style="text-align:right;"> 230 </td>
#>    <td style="text-align:right;"> 3.23 </td>
#>    <td style="text-align:right;"> 5.345 </td>
#>    <td style="text-align:right;"> 17.42 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 4 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Fiat 128 </td>
#>    <td style="text-align:right;"> <span style="color: #F40000">32.4</span> </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 78.7 </td>
#>    <td style="text-align:right;"> 66 </td>
#>    <td style="text-align:right;"> 4.08 </td>
#>    <td style="text-align:right;"> 2.200 </td>
#>    <td style="text-align:right;"> 19.47 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 1 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Honda Civic </td>
#>    <td style="text-align:right;"> <span style="color: #E50000">30.4</span> </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 75.7 </td>
#>    <td style="text-align:right;"> 52 </td>
#>    <td style="text-align:right;"> 4.93 </td>
#>    <td style="text-align:right;"> 1.615 </td>
#>    <td style="text-align:right;"> 18.52 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 2 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Toyota Corolla </td>
#>    <td style="text-align:right;"> <span style="color: #FF0000">33.9</span> </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 71.1 </td>
#>    <td style="text-align:right;"> 65 </td>
#>    <td style="text-align:right;"> 4.22 </td>
#>    <td style="text-align:right;"> 1.835 </td>
#>    <td style="text-align:right;"> 19.90 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 1 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Toyota Corona </td>
#>    <td style="text-align:right;"> <span style="color: #A20000">21.5</span> </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 120.1 </td>
#>    <td style="text-align:right;"> 97 </td>
#>    <td style="text-align:right;"> 3.70 </td>
#>    <td style="text-align:right;"> 2.465 </td>
#>    <td style="text-align:right;"> 20.01 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 1 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Dodge Challenger </td>
#>    <td style="text-align:right;"> <span style="color: #750000">15.5</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 318.0 </td>
#>    <td style="text-align:right;"> 150 </td>
#>    <td style="text-align:right;"> 2.76 </td>
#>    <td style="text-align:right;"> 3.520 </td>
#>    <td style="text-align:right;"> 16.87 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 2 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> AMC Javelin </td>
#>    <td style="text-align:right;"> <span style="color: #720000">15.2</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 304.0 </td>
#>    <td style="text-align:right;"> 150 </td>
#>    <td style="text-align:right;"> 3.15 </td>
#>    <td style="text-align:right;"> 3.435 </td>
#>    <td style="text-align:right;"> 17.30 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 2 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Camaro Z28 </td>
#>    <td style="text-align:right;"> <span style="color: #640000">13.3</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 350.0 </td>
#>    <td style="text-align:right;"> 245 </td>
#>    <td style="text-align:right;"> 3.73 </td>
#>    <td style="text-align:right;"> 3.840 </td>
#>    <td style="text-align:right;"> 15.41 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 4 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Pontiac Firebird </td>
#>    <td style="text-align:right;"> <span style="color: #900000">19.2</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 400.0 </td>
#>    <td style="text-align:right;"> 175 </td>
#>    <td style="text-align:right;"> 3.08 </td>
#>    <td style="text-align:right;"> 3.845 </td>
#>    <td style="text-align:right;"> 17.05 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 2 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Fiat X1-9 </td>
#>    <td style="text-align:right;"> <span style="color: #CD0000">27.3</span> </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 79.0 </td>
#>    <td style="text-align:right;"> 66 </td>
#>    <td style="text-align:right;"> 4.08 </td>
#>    <td style="text-align:right;"> 1.935 </td>
#>    <td style="text-align:right;"> 18.90 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 1 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Porsche 914-2 </td>
#>    <td style="text-align:right;"> <span style="color: #C40000">26.0</span> </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 120.3 </td>
#>    <td style="text-align:right;"> 91 </td>
#>    <td style="text-align:right;"> 4.43 </td>
#>    <td style="text-align:right;"> 2.140 </td>
#>    <td style="text-align:right;"> 16.70 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 5 </td>
#>    <td style="text-align:right;"> 2 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Lotus Europa </td>
#>    <td style="text-align:right;"> <span style="color: #E50000">30.4</span> </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 95.1 </td>
#>    <td style="text-align:right;"> 113 </td>
#>    <td style="text-align:right;"> 3.77 </td>
#>    <td style="text-align:right;"> 1.513 </td>
#>    <td style="text-align:right;"> 16.90 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 5 </td>
#>    <td style="text-align:right;"> 2 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Ford Pantera L </td>
#>    <td style="text-align:right;"> <span style="color: #770000">15.8</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 351.0 </td>
#>    <td style="text-align:right;"> 264 </td>
#>    <td style="text-align:right;"> 4.22 </td>
#>    <td style="text-align:right;"> 3.170 </td>
#>    <td style="text-align:right;"> 14.50 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 5 </td>
#>    <td style="text-align:right;"> 4 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Ferrari Dino </td>
#>    <td style="text-align:right;"> <span style="color: #940000">19.7</span> </td>
#>    <td style="text-align:right;"> 6 </td>
#>    <td style="text-align:right;"> 145.0 </td>
#>    <td style="text-align:right;"> 175 </td>
#>    <td style="text-align:right;"> 3.62 </td>
#>    <td style="text-align:right;"> 2.770 </td>
#>    <td style="text-align:right;"> 15.50 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 5 </td>
#>    <td style="text-align:right;"> 6 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Maserati Bora </td>
#>    <td style="text-align:right;"> <span style="color: #710000">15.0</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 301.0 </td>
#>    <td style="text-align:right;"> 335 </td>
#>    <td style="text-align:right;"> 3.54 </td>
#>    <td style="text-align:right;"> 3.570 </td>
#>    <td style="text-align:right;"> 14.60 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 5 </td>
#>    <td style="text-align:right;"> 8 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Volvo 142E </td>
#>    <td style="text-align:right;"> <span style="color: #A10000">21.4</span> </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 121.0 </td>
#>    <td style="text-align:right;"> 109 </td>
#>    <td style="text-align:right;"> 4.11 </td>
#>    <td style="text-align:right;"> 2.780 </td>
#>    <td style="text-align:right;"> 18.60 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 2 </td>
#>   </tr>
#> </tbody>
#> </table>

# mtcars (mpg background in gradient: the higher, the redder)
format_table(mtcars, list(mpg = formatter("span",
   style = x ~ style(display = "block",
   "border-radius" = "4px",
   "padding-right" = "4px",
   color = "white",
   "background-color" = rgb(x/max(x), 0, 0)))))
#> <table class="table table-condensed">
#>  <thead>
#>   <tr>
#>    <th style="text-align:left;">   </th>
#>    <th style="text-align:right;"> mpg </th>
#>    <th style="text-align:right;"> cyl </th>
#>    <th style="text-align:right;"> disp </th>
#>    <th style="text-align:right;"> hp </th>
#>    <th style="text-align:right;"> drat </th>
#>    <th style="text-align:right;"> wt </th>
#>    <th style="text-align:right;"> qsec </th>
#>    <th style="text-align:right;"> vs </th>
#>    <th style="text-align:right;"> am </th>
#>    <th style="text-align:right;"> gear </th>
#>    <th style="text-align:right;"> carb </th>
#>   </tr>
#>  </thead>
#> <tbody>
#>   <tr>
#>    <td style="text-align:left;"> Mazda RX4 </td>
#>    <td style="text-align:right;"> <span style="display: block; border-radius: 4px; padding-right: 4px; color: white; background-color: #9E0000">21.0</span> </td>
#>    <td style="text-align:right;"> 6 </td>
#>    <td style="text-align:right;"> 160.0 </td>
#>    <td style="text-align:right;"> 110 </td>
#>    <td style="text-align:right;"> 3.90 </td>
#>    <td style="text-align:right;"> 2.620 </td>
#>    <td style="text-align:right;"> 16.46 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 4 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Mazda RX4 Wag </td>
#>    <td style="text-align:right;"> <span style="display: block; border-radius: 4px; padding-right: 4px; color: white; background-color: #9E0000">21.0</span> </td>
#>    <td style="text-align:right;"> 6 </td>
#>    <td style="text-align:right;"> 160.0 </td>
#>    <td style="text-align:right;"> 110 </td>
#>    <td style="text-align:right;"> 3.90 </td>
#>    <td style="text-align:right;"> 2.875 </td>
#>    <td style="text-align:right;"> 17.02 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 4 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Datsun 710 </td>
#>    <td style="text-align:right;"> <span style="display: block; border-radius: 4px; padding-right: 4px; color: white; background-color: #AC0000">22.8</span> </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 108.0 </td>
#>    <td style="text-align:right;"> 93 </td>
#>    <td style="text-align:right;"> 3.85 </td>
#>    <td style="text-align:right;"> 2.320 </td>
#>    <td style="text-align:right;"> 18.61 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 1 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Hornet 4 Drive </td>
#>    <td style="text-align:right;"> <span style="display: block; border-radius: 4px; padding-right: 4px; color: white; background-color: #A10000">21.4</span> </td>
#>    <td style="text-align:right;"> 6 </td>
#>    <td style="text-align:right;"> 258.0 </td>
#>    <td style="text-align:right;"> 110 </td>
#>    <td style="text-align:right;"> 3.08 </td>
#>    <td style="text-align:right;"> 3.215 </td>
#>    <td style="text-align:right;"> 19.44 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 1 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Hornet Sportabout </td>
#>    <td style="text-align:right;"> <span style="display: block; border-radius: 4px; padding-right: 4px; color: white; background-color: #8D0000">18.7</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 360.0 </td>
#>    <td style="text-align:right;"> 175 </td>
#>    <td style="text-align:right;"> 3.15 </td>
#>    <td style="text-align:right;"> 3.440 </td>
#>    <td style="text-align:right;"> 17.02 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 2 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Valiant </td>
#>    <td style="text-align:right;"> <span style="display: block; border-radius: 4px; padding-right: 4px; color: white; background-color: #880000">18.1</span> </td>
#>    <td style="text-align:right;"> 6 </td>
#>    <td style="text-align:right;"> 225.0 </td>
#>    <td style="text-align:right;"> 105 </td>
#>    <td style="text-align:right;"> 2.76 </td>
#>    <td style="text-align:right;"> 3.460 </td>
#>    <td style="text-align:right;"> 20.22 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 1 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Duster 360 </td>
#>    <td style="text-align:right;"> <span style="display: block; border-radius: 4px; padding-right: 4px; color: white; background-color: #6C0000">14.3</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 360.0 </td>
#>    <td style="text-align:right;"> 245 </td>
#>    <td style="text-align:right;"> 3.21 </td>
#>    <td style="text-align:right;"> 3.570 </td>
#>    <td style="text-align:right;"> 15.84 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 4 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Merc 240D </td>
#>    <td style="text-align:right;"> <span style="display: block; border-radius: 4px; padding-right: 4px; color: white; background-color: #B80000">24.4</span> </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 146.7 </td>
#>    <td style="text-align:right;"> 62 </td>
#>    <td style="text-align:right;"> 3.69 </td>
#>    <td style="text-align:right;"> 3.190 </td>
#>    <td style="text-align:right;"> 20.00 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 2 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Merc 230 </td>
#>    <td style="text-align:right;"> <span style="display: block; border-radius: 4px; padding-right: 4px; color: white; background-color: #AC0000">22.8</span> </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 140.8 </td>
#>    <td style="text-align:right;"> 95 </td>
#>    <td style="text-align:right;"> 3.92 </td>
#>    <td style="text-align:right;"> 3.150 </td>
#>    <td style="text-align:right;"> 22.90 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 2 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Merc 280 </td>
#>    <td style="text-align:right;"> <span style="display: block; border-radius: 4px; padding-right: 4px; color: white; background-color: #900000">19.2</span> </td>
#>    <td style="text-align:right;"> 6 </td>
#>    <td style="text-align:right;"> 167.6 </td>
#>    <td style="text-align:right;"> 123 </td>
#>    <td style="text-align:right;"> 3.92 </td>
#>    <td style="text-align:right;"> 3.440 </td>
#>    <td style="text-align:right;"> 18.30 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 4 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Merc 280C </td>
#>    <td style="text-align:right;"> <span style="display: block; border-radius: 4px; padding-right: 4px; color: white; background-color: #860000">17.8</span> </td>
#>    <td style="text-align:right;"> 6 </td>
#>    <td style="text-align:right;"> 167.6 </td>
#>    <td style="text-align:right;"> 123 </td>
#>    <td style="text-align:right;"> 3.92 </td>
#>    <td style="text-align:right;"> 3.440 </td>
#>    <td style="text-align:right;"> 18.90 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 4 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Merc 450SE </td>
#>    <td style="text-align:right;"> <span style="display: block; border-radius: 4px; padding-right: 4px; color: white; background-color: #7B0000">16.4</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 275.8 </td>
#>    <td style="text-align:right;"> 180 </td>
#>    <td style="text-align:right;"> 3.07 </td>
#>    <td style="text-align:right;"> 4.070 </td>
#>    <td style="text-align:right;"> 17.40 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 3 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Merc 450SL </td>
#>    <td style="text-align:right;"> <span style="display: block; border-radius: 4px; padding-right: 4px; color: white; background-color: #820000">17.3</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 275.8 </td>
#>    <td style="text-align:right;"> 180 </td>
#>    <td style="text-align:right;"> 3.07 </td>
#>    <td style="text-align:right;"> 3.730 </td>
#>    <td style="text-align:right;"> 17.60 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 3 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Merc 450SLC </td>
#>    <td style="text-align:right;"> <span style="display: block; border-radius: 4px; padding-right: 4px; color: white; background-color: #720000">15.2</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 275.8 </td>
#>    <td style="text-align:right;"> 180 </td>
#>    <td style="text-align:right;"> 3.07 </td>
#>    <td style="text-align:right;"> 3.780 </td>
#>    <td style="text-align:right;"> 18.00 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 3 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Cadillac Fleetwood </td>
#>    <td style="text-align:right;"> <span style="display: block; border-radius: 4px; padding-right: 4px; color: white; background-color: #4E0000">10.4</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 472.0 </td>
#>    <td style="text-align:right;"> 205 </td>
#>    <td style="text-align:right;"> 2.93 </td>
#>    <td style="text-align:right;"> 5.250 </td>
#>    <td style="text-align:right;"> 17.98 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 4 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Lincoln Continental </td>
#>    <td style="text-align:right;"> <span style="display: block; border-radius: 4px; padding-right: 4px; color: white; background-color: #4E0000">10.4</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 460.0 </td>
#>    <td style="text-align:right;"> 215 </td>
#>    <td style="text-align:right;"> 3.00 </td>
#>    <td style="text-align:right;"> 5.424 </td>
#>    <td style="text-align:right;"> 17.82 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 4 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Chrysler Imperial </td>
#>    <td style="text-align:right;"> <span style="display: block; border-radius: 4px; padding-right: 4px; color: white; background-color: #6F0000">14.7</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 440.0 </td>
#>    <td style="text-align:right;"> 230 </td>
#>    <td style="text-align:right;"> 3.23 </td>
#>    <td style="text-align:right;"> 5.345 </td>
#>    <td style="text-align:right;"> 17.42 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 4 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Fiat 128 </td>
#>    <td style="text-align:right;"> <span style="display: block; border-radius: 4px; padding-right: 4px; color: white; background-color: #F40000">32.4</span> </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 78.7 </td>
#>    <td style="text-align:right;"> 66 </td>
#>    <td style="text-align:right;"> 4.08 </td>
#>    <td style="text-align:right;"> 2.200 </td>
#>    <td style="text-align:right;"> 19.47 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 1 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Honda Civic </td>
#>    <td style="text-align:right;"> <span style="display: block; border-radius: 4px; padding-right: 4px; color: white; background-color: #E50000">30.4</span> </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 75.7 </td>
#>    <td style="text-align:right;"> 52 </td>
#>    <td style="text-align:right;"> 4.93 </td>
#>    <td style="text-align:right;"> 1.615 </td>
#>    <td style="text-align:right;"> 18.52 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 2 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Toyota Corolla </td>
#>    <td style="text-align:right;"> <span style="display: block; border-radius: 4px; padding-right: 4px; color: white; background-color: #FF0000">33.9</span> </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 71.1 </td>
#>    <td style="text-align:right;"> 65 </td>
#>    <td style="text-align:right;"> 4.22 </td>
#>    <td style="text-align:right;"> 1.835 </td>
#>    <td style="text-align:right;"> 19.90 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 1 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Toyota Corona </td>
#>    <td style="text-align:right;"> <span style="display: block; border-radius: 4px; padding-right: 4px; color: white; background-color: #A20000">21.5</span> </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 120.1 </td>
#>    <td style="text-align:right;"> 97 </td>
#>    <td style="text-align:right;"> 3.70 </td>
#>    <td style="text-align:right;"> 2.465 </td>
#>    <td style="text-align:right;"> 20.01 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 1 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Dodge Challenger </td>
#>    <td style="text-align:right;"> <span style="display: block; border-radius: 4px; padding-right: 4px; color: white; background-color: #750000">15.5</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 318.0 </td>
#>    <td style="text-align:right;"> 150 </td>
#>    <td style="text-align:right;"> 2.76 </td>
#>    <td style="text-align:right;"> 3.520 </td>
#>    <td style="text-align:right;"> 16.87 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 2 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> AMC Javelin </td>
#>    <td style="text-align:right;"> <span style="display: block; border-radius: 4px; padding-right: 4px; color: white; background-color: #720000">15.2</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 304.0 </td>
#>    <td style="text-align:right;"> 150 </td>
#>    <td style="text-align:right;"> 3.15 </td>
#>    <td style="text-align:right;"> 3.435 </td>
#>    <td style="text-align:right;"> 17.30 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 2 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Camaro Z28 </td>
#>    <td style="text-align:right;"> <span style="display: block; border-radius: 4px; padding-right: 4px; color: white; background-color: #640000">13.3</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 350.0 </td>
#>    <td style="text-align:right;"> 245 </td>
#>    <td style="text-align:right;"> 3.73 </td>
#>    <td style="text-align:right;"> 3.840 </td>
#>    <td style="text-align:right;"> 15.41 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 4 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Pontiac Firebird </td>
#>    <td style="text-align:right;"> <span style="display: block; border-radius: 4px; padding-right: 4px; color: white; background-color: #900000">19.2</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 400.0 </td>
#>    <td style="text-align:right;"> 175 </td>
#>    <td style="text-align:right;"> 3.08 </td>
#>    <td style="text-align:right;"> 3.845 </td>
#>    <td style="text-align:right;"> 17.05 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 2 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Fiat X1-9 </td>
#>    <td style="text-align:right;"> <span style="display: block; border-radius: 4px; padding-right: 4px; color: white; background-color: #CD0000">27.3</span> </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 79.0 </td>
#>    <td style="text-align:right;"> 66 </td>
#>    <td style="text-align:right;"> 4.08 </td>
#>    <td style="text-align:right;"> 1.935 </td>
#>    <td style="text-align:right;"> 18.90 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 1 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Porsche 914-2 </td>
#>    <td style="text-align:right;"> <span style="display: block; border-radius: 4px; padding-right: 4px; color: white; background-color: #C40000">26.0</span> </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 120.3 </td>
#>    <td style="text-align:right;"> 91 </td>
#>    <td style="text-align:right;"> 4.43 </td>
#>    <td style="text-align:right;"> 2.140 </td>
#>    <td style="text-align:right;"> 16.70 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 5 </td>
#>    <td style="text-align:right;"> 2 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Lotus Europa </td>
#>    <td style="text-align:right;"> <span style="display: block; border-radius: 4px; padding-right: 4px; color: white; background-color: #E50000">30.4</span> </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 95.1 </td>
#>    <td style="text-align:right;"> 113 </td>
#>    <td style="text-align:right;"> 3.77 </td>
#>    <td style="text-align:right;"> 1.513 </td>
#>    <td style="text-align:right;"> 16.90 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 5 </td>
#>    <td style="text-align:right;"> 2 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Ford Pantera L </td>
#>    <td style="text-align:right;"> <span style="display: block; border-radius: 4px; padding-right: 4px; color: white; background-color: #770000">15.8</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 351.0 </td>
#>    <td style="text-align:right;"> 264 </td>
#>    <td style="text-align:right;"> 4.22 </td>
#>    <td style="text-align:right;"> 3.170 </td>
#>    <td style="text-align:right;"> 14.50 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 5 </td>
#>    <td style="text-align:right;"> 4 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Ferrari Dino </td>
#>    <td style="text-align:right;"> <span style="display: block; border-radius: 4px; padding-right: 4px; color: white; background-color: #940000">19.7</span> </td>
#>    <td style="text-align:right;"> 6 </td>
#>    <td style="text-align:right;"> 145.0 </td>
#>    <td style="text-align:right;"> 175 </td>
#>    <td style="text-align:right;"> 3.62 </td>
#>    <td style="text-align:right;"> 2.770 </td>
#>    <td style="text-align:right;"> 15.50 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 5 </td>
#>    <td style="text-align:right;"> 6 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Maserati Bora </td>
#>    <td style="text-align:right;"> <span style="display: block; border-radius: 4px; padding-right: 4px; color: white; background-color: #710000">15.0</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 301.0 </td>
#>    <td style="text-align:right;"> 335 </td>
#>    <td style="text-align:right;"> 3.54 </td>
#>    <td style="text-align:right;"> 3.570 </td>
#>    <td style="text-align:right;"> 14.60 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 5 </td>
#>    <td style="text-align:right;"> 8 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Volvo 142E </td>
#>    <td style="text-align:right;"> <span style="display: block; border-radius: 4px; padding-right: 4px; color: white; background-color: #A10000">21.4</span> </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 121.0 </td>
#>    <td style="text-align:right;"> 109 </td>
#>    <td style="text-align:right;"> 4.11 </td>
#>    <td style="text-align:right;"> 2.780 </td>
#>    <td style="text-align:right;"> 18.60 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 2 </td>
#>   </tr>
#> </tbody>
#> </table>

# mtcars (mpg in red if vs == 1 and am == 1)
format_table(mtcars, list(mpg = formatter("span",
    style = ~ style(color = ifelse(vs == 1 & am == 1, "red", NA)))))
#> <table class="table table-condensed">
#>  <thead>
#>   <tr>
#>    <th style="text-align:left;">   </th>
#>    <th style="text-align:right;"> mpg </th>
#>    <th style="text-align:right;"> cyl </th>
#>    <th style="text-align:right;"> disp </th>
#>    <th style="text-align:right;"> hp </th>
#>    <th style="text-align:right;"> drat </th>
#>    <th style="text-align:right;"> wt </th>
#>    <th style="text-align:right;"> qsec </th>
#>    <th style="text-align:right;"> vs </th>
#>    <th style="text-align:right;"> am </th>
#>    <th style="text-align:right;"> gear </th>
#>    <th style="text-align:right;"> carb </th>
#>   </tr>
#>  </thead>
#> <tbody>
#>   <tr>
#>    <td style="text-align:left;"> Mazda RX4 </td>
#>    <td style="text-align:right;"> <span>21.0</span> </td>
#>    <td style="text-align:right;"> 6 </td>
#>    <td style="text-align:right;"> 160.0 </td>
#>    <td style="text-align:right;"> 110 </td>
#>    <td style="text-align:right;"> 3.90 </td>
#>    <td style="text-align:right;"> 2.620 </td>
#>    <td style="text-align:right;"> 16.46 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 4 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Mazda RX4 Wag </td>
#>    <td style="text-align:right;"> <span>21.0</span> </td>
#>    <td style="text-align:right;"> 6 </td>
#>    <td style="text-align:right;"> 160.0 </td>
#>    <td style="text-align:right;"> 110 </td>
#>    <td style="text-align:right;"> 3.90 </td>
#>    <td style="text-align:right;"> 2.875 </td>
#>    <td style="text-align:right;"> 17.02 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 4 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Datsun 710 </td>
#>    <td style="text-align:right;"> <span style="color: red">22.8</span> </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 108.0 </td>
#>    <td style="text-align:right;"> 93 </td>
#>    <td style="text-align:right;"> 3.85 </td>
#>    <td style="text-align:right;"> 2.320 </td>
#>    <td style="text-align:right;"> 18.61 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 1 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Hornet 4 Drive </td>
#>    <td style="text-align:right;"> <span>21.4</span> </td>
#>    <td style="text-align:right;"> 6 </td>
#>    <td style="text-align:right;"> 258.0 </td>
#>    <td style="text-align:right;"> 110 </td>
#>    <td style="text-align:right;"> 3.08 </td>
#>    <td style="text-align:right;"> 3.215 </td>
#>    <td style="text-align:right;"> 19.44 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 1 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Hornet Sportabout </td>
#>    <td style="text-align:right;"> <span>18.7</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 360.0 </td>
#>    <td style="text-align:right;"> 175 </td>
#>    <td style="text-align:right;"> 3.15 </td>
#>    <td style="text-align:right;"> 3.440 </td>
#>    <td style="text-align:right;"> 17.02 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 2 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Valiant </td>
#>    <td style="text-align:right;"> <span>18.1</span> </td>
#>    <td style="text-align:right;"> 6 </td>
#>    <td style="text-align:right;"> 225.0 </td>
#>    <td style="text-align:right;"> 105 </td>
#>    <td style="text-align:right;"> 2.76 </td>
#>    <td style="text-align:right;"> 3.460 </td>
#>    <td style="text-align:right;"> 20.22 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 1 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Duster 360 </td>
#>    <td style="text-align:right;"> <span>14.3</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 360.0 </td>
#>    <td style="text-align:right;"> 245 </td>
#>    <td style="text-align:right;"> 3.21 </td>
#>    <td style="text-align:right;"> 3.570 </td>
#>    <td style="text-align:right;"> 15.84 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 4 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Merc 240D </td>
#>    <td style="text-align:right;"> <span>24.4</span> </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 146.7 </td>
#>    <td style="text-align:right;"> 62 </td>
#>    <td style="text-align:right;"> 3.69 </td>
#>    <td style="text-align:right;"> 3.190 </td>
#>    <td style="text-align:right;"> 20.00 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 2 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Merc 230 </td>
#>    <td style="text-align:right;"> <span>22.8</span> </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 140.8 </td>
#>    <td style="text-align:right;"> 95 </td>
#>    <td style="text-align:right;"> 3.92 </td>
#>    <td style="text-align:right;"> 3.150 </td>
#>    <td style="text-align:right;"> 22.90 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 2 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Merc 280 </td>
#>    <td style="text-align:right;"> <span>19.2</span> </td>
#>    <td style="text-align:right;"> 6 </td>
#>    <td style="text-align:right;"> 167.6 </td>
#>    <td style="text-align:right;"> 123 </td>
#>    <td style="text-align:right;"> 3.92 </td>
#>    <td style="text-align:right;"> 3.440 </td>
#>    <td style="text-align:right;"> 18.30 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 4 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Merc 280C </td>
#>    <td style="text-align:right;"> <span>17.8</span> </td>
#>    <td style="text-align:right;"> 6 </td>
#>    <td style="text-align:right;"> 167.6 </td>
#>    <td style="text-align:right;"> 123 </td>
#>    <td style="text-align:right;"> 3.92 </td>
#>    <td style="text-align:right;"> 3.440 </td>
#>    <td style="text-align:right;"> 18.90 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 4 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Merc 450SE </td>
#>    <td style="text-align:right;"> <span>16.4</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 275.8 </td>
#>    <td style="text-align:right;"> 180 </td>
#>    <td style="text-align:right;"> 3.07 </td>
#>    <td style="text-align:right;"> 4.070 </td>
#>    <td style="text-align:right;"> 17.40 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 3 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Merc 450SL </td>
#>    <td style="text-align:right;"> <span>17.3</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 275.8 </td>
#>    <td style="text-align:right;"> 180 </td>
#>    <td style="text-align:right;"> 3.07 </td>
#>    <td style="text-align:right;"> 3.730 </td>
#>    <td style="text-align:right;"> 17.60 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 3 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Merc 450SLC </td>
#>    <td style="text-align:right;"> <span>15.2</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 275.8 </td>
#>    <td style="text-align:right;"> 180 </td>
#>    <td style="text-align:right;"> 3.07 </td>
#>    <td style="text-align:right;"> 3.780 </td>
#>    <td style="text-align:right;"> 18.00 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 3 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Cadillac Fleetwood </td>
#>    <td style="text-align:right;"> <span>10.4</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 472.0 </td>
#>    <td style="text-align:right;"> 205 </td>
#>    <td style="text-align:right;"> 2.93 </td>
#>    <td style="text-align:right;"> 5.250 </td>
#>    <td style="text-align:right;"> 17.98 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 4 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Lincoln Continental </td>
#>    <td style="text-align:right;"> <span>10.4</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 460.0 </td>
#>    <td style="text-align:right;"> 215 </td>
#>    <td style="text-align:right;"> 3.00 </td>
#>    <td style="text-align:right;"> 5.424 </td>
#>    <td style="text-align:right;"> 17.82 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 4 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Chrysler Imperial </td>
#>    <td style="text-align:right;"> <span>14.7</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 440.0 </td>
#>    <td style="text-align:right;"> 230 </td>
#>    <td style="text-align:right;"> 3.23 </td>
#>    <td style="text-align:right;"> 5.345 </td>
#>    <td style="text-align:right;"> 17.42 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 4 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Fiat 128 </td>
#>    <td style="text-align:right;"> <span style="color: red">32.4</span> </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 78.7 </td>
#>    <td style="text-align:right;"> 66 </td>
#>    <td style="text-align:right;"> 4.08 </td>
#>    <td style="text-align:right;"> 2.200 </td>
#>    <td style="text-align:right;"> 19.47 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 1 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Honda Civic </td>
#>    <td style="text-align:right;"> <span style="color: red">30.4</span> </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 75.7 </td>
#>    <td style="text-align:right;"> 52 </td>
#>    <td style="text-align:right;"> 4.93 </td>
#>    <td style="text-align:right;"> 1.615 </td>
#>    <td style="text-align:right;"> 18.52 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 2 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Toyota Corolla </td>
#>    <td style="text-align:right;"> <span style="color: red">33.9</span> </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 71.1 </td>
#>    <td style="text-align:right;"> 65 </td>
#>    <td style="text-align:right;"> 4.22 </td>
#>    <td style="text-align:right;"> 1.835 </td>
#>    <td style="text-align:right;"> 19.90 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 1 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Toyota Corona </td>
#>    <td style="text-align:right;"> <span>21.5</span> </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 120.1 </td>
#>    <td style="text-align:right;"> 97 </td>
#>    <td style="text-align:right;"> 3.70 </td>
#>    <td style="text-align:right;"> 2.465 </td>
#>    <td style="text-align:right;"> 20.01 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 1 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Dodge Challenger </td>
#>    <td style="text-align:right;"> <span>15.5</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 318.0 </td>
#>    <td style="text-align:right;"> 150 </td>
#>    <td style="text-align:right;"> 2.76 </td>
#>    <td style="text-align:right;"> 3.520 </td>
#>    <td style="text-align:right;"> 16.87 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 2 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> AMC Javelin </td>
#>    <td style="text-align:right;"> <span>15.2</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 304.0 </td>
#>    <td style="text-align:right;"> 150 </td>
#>    <td style="text-align:right;"> 3.15 </td>
#>    <td style="text-align:right;"> 3.435 </td>
#>    <td style="text-align:right;"> 17.30 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 2 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Camaro Z28 </td>
#>    <td style="text-align:right;"> <span>13.3</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 350.0 </td>
#>    <td style="text-align:right;"> 245 </td>
#>    <td style="text-align:right;"> 3.73 </td>
#>    <td style="text-align:right;"> 3.840 </td>
#>    <td style="text-align:right;"> 15.41 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 4 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Pontiac Firebird </td>
#>    <td style="text-align:right;"> <span>19.2</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 400.0 </td>
#>    <td style="text-align:right;"> 175 </td>
#>    <td style="text-align:right;"> 3.08 </td>
#>    <td style="text-align:right;"> 3.845 </td>
#>    <td style="text-align:right;"> 17.05 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 2 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Fiat X1-9 </td>
#>    <td style="text-align:right;"> <span style="color: red">27.3</span> </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 79.0 </td>
#>    <td style="text-align:right;"> 66 </td>
#>    <td style="text-align:right;"> 4.08 </td>
#>    <td style="text-align:right;"> 1.935 </td>
#>    <td style="text-align:right;"> 18.90 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 1 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Porsche 914-2 </td>
#>    <td style="text-align:right;"> <span>26.0</span> </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 120.3 </td>
#>    <td style="text-align:right;"> 91 </td>
#>    <td style="text-align:right;"> 4.43 </td>
#>    <td style="text-align:right;"> 2.140 </td>
#>    <td style="text-align:right;"> 16.70 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 5 </td>
#>    <td style="text-align:right;"> 2 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Lotus Europa </td>
#>    <td style="text-align:right;"> <span style="color: red">30.4</span> </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 95.1 </td>
#>    <td style="text-align:right;"> 113 </td>
#>    <td style="text-align:right;"> 3.77 </td>
#>    <td style="text-align:right;"> 1.513 </td>
#>    <td style="text-align:right;"> 16.90 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 5 </td>
#>    <td style="text-align:right;"> 2 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Ford Pantera L </td>
#>    <td style="text-align:right;"> <span>15.8</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 351.0 </td>
#>    <td style="text-align:right;"> 264 </td>
#>    <td style="text-align:right;"> 4.22 </td>
#>    <td style="text-align:right;"> 3.170 </td>
#>    <td style="text-align:right;"> 14.50 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 5 </td>
#>    <td style="text-align:right;"> 4 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Ferrari Dino </td>
#>    <td style="text-align:right;"> <span>19.7</span> </td>
#>    <td style="text-align:right;"> 6 </td>
#>    <td style="text-align:right;"> 145.0 </td>
#>    <td style="text-align:right;"> 175 </td>
#>    <td style="text-align:right;"> 3.62 </td>
#>    <td style="text-align:right;"> 2.770 </td>
#>    <td style="text-align:right;"> 15.50 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 5 </td>
#>    <td style="text-align:right;"> 6 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Maserati Bora </td>
#>    <td style="text-align:right;"> <span>15.0</span> </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 301.0 </td>
#>    <td style="text-align:right;"> 335 </td>
#>    <td style="text-align:right;"> 3.54 </td>
#>    <td style="text-align:right;"> 3.570 </td>
#>    <td style="text-align:right;"> 14.60 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 5 </td>
#>    <td style="text-align:right;"> 8 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Volvo 142E </td>
#>    <td style="text-align:right;"> <span style="color: red">21.4</span> </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 121.0 </td>
#>    <td style="text-align:right;"> 109 </td>
#>    <td style="text-align:right;"> 4.11 </td>
#>    <td style="text-align:right;"> 2.780 </td>
#>    <td style="text-align:right;"> 18.60 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 2 </td>
#>   </tr>
#> </tbody>
#> </table>

# hide columns
format_table(mtcars, list(mpg = FALSE, cyl = FALSE))
#> <table class="table table-condensed">
#>  <thead>
#>   <tr>
#>    <th style="text-align:left;">   </th>
#>    <th style="text-align:right;"> disp </th>
#>    <th style="text-align:right;"> hp </th>
#>    <th style="text-align:right;"> drat </th>
#>    <th style="text-align:right;"> wt </th>
#>    <th style="text-align:right;"> qsec </th>
#>    <th style="text-align:right;"> vs </th>
#>    <th style="text-align:right;"> am </th>
#>    <th style="text-align:right;"> gear </th>
#>    <th style="text-align:right;"> carb </th>
#>   </tr>
#>  </thead>
#> <tbody>
#>   <tr>
#>    <td style="text-align:left;"> Mazda RX4 </td>
#>    <td style="text-align:right;"> 160.0 </td>
#>    <td style="text-align:right;"> 110 </td>
#>    <td style="text-align:right;"> 3.90 </td>
#>    <td style="text-align:right;"> 2.620 </td>
#>    <td style="text-align:right;"> 16.46 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 4 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Mazda RX4 Wag </td>
#>    <td style="text-align:right;"> 160.0 </td>
#>    <td style="text-align:right;"> 110 </td>
#>    <td style="text-align:right;"> 3.90 </td>
#>    <td style="text-align:right;"> 2.875 </td>
#>    <td style="text-align:right;"> 17.02 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 4 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Datsun 710 </td>
#>    <td style="text-align:right;"> 108.0 </td>
#>    <td style="text-align:right;"> 93 </td>
#>    <td style="text-align:right;"> 3.85 </td>
#>    <td style="text-align:right;"> 2.320 </td>
#>    <td style="text-align:right;"> 18.61 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 1 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Hornet 4 Drive </td>
#>    <td style="text-align:right;"> 258.0 </td>
#>    <td style="text-align:right;"> 110 </td>
#>    <td style="text-align:right;"> 3.08 </td>
#>    <td style="text-align:right;"> 3.215 </td>
#>    <td style="text-align:right;"> 19.44 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 1 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Hornet Sportabout </td>
#>    <td style="text-align:right;"> 360.0 </td>
#>    <td style="text-align:right;"> 175 </td>
#>    <td style="text-align:right;"> 3.15 </td>
#>    <td style="text-align:right;"> 3.440 </td>
#>    <td style="text-align:right;"> 17.02 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 2 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Valiant </td>
#>    <td style="text-align:right;"> 225.0 </td>
#>    <td style="text-align:right;"> 105 </td>
#>    <td style="text-align:right;"> 2.76 </td>
#>    <td style="text-align:right;"> 3.460 </td>
#>    <td style="text-align:right;"> 20.22 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 1 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Duster 360 </td>
#>    <td style="text-align:right;"> 360.0 </td>
#>    <td style="text-align:right;"> 245 </td>
#>    <td style="text-align:right;"> 3.21 </td>
#>    <td style="text-align:right;"> 3.570 </td>
#>    <td style="text-align:right;"> 15.84 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 4 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Merc 240D </td>
#>    <td style="text-align:right;"> 146.7 </td>
#>    <td style="text-align:right;"> 62 </td>
#>    <td style="text-align:right;"> 3.69 </td>
#>    <td style="text-align:right;"> 3.190 </td>
#>    <td style="text-align:right;"> 20.00 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 2 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Merc 230 </td>
#>    <td style="text-align:right;"> 140.8 </td>
#>    <td style="text-align:right;"> 95 </td>
#>    <td style="text-align:right;"> 3.92 </td>
#>    <td style="text-align:right;"> 3.150 </td>
#>    <td style="text-align:right;"> 22.90 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 2 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Merc 280 </td>
#>    <td style="text-align:right;"> 167.6 </td>
#>    <td style="text-align:right;"> 123 </td>
#>    <td style="text-align:right;"> 3.92 </td>
#>    <td style="text-align:right;"> 3.440 </td>
#>    <td style="text-align:right;"> 18.30 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 4 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Merc 280C </td>
#>    <td style="text-align:right;"> 167.6 </td>
#>    <td style="text-align:right;"> 123 </td>
#>    <td style="text-align:right;"> 3.92 </td>
#>    <td style="text-align:right;"> 3.440 </td>
#>    <td style="text-align:right;"> 18.90 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 4 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Merc 450SE </td>
#>    <td style="text-align:right;"> 275.8 </td>
#>    <td style="text-align:right;"> 180 </td>
#>    <td style="text-align:right;"> 3.07 </td>
#>    <td style="text-align:right;"> 4.070 </td>
#>    <td style="text-align:right;"> 17.40 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 3 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Merc 450SL </td>
#>    <td style="text-align:right;"> 275.8 </td>
#>    <td style="text-align:right;"> 180 </td>
#>    <td style="text-align:right;"> 3.07 </td>
#>    <td style="text-align:right;"> 3.730 </td>
#>    <td style="text-align:right;"> 17.60 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 3 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Merc 450SLC </td>
#>    <td style="text-align:right;"> 275.8 </td>
#>    <td style="text-align:right;"> 180 </td>
#>    <td style="text-align:right;"> 3.07 </td>
#>    <td style="text-align:right;"> 3.780 </td>
#>    <td style="text-align:right;"> 18.00 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 3 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Cadillac Fleetwood </td>
#>    <td style="text-align:right;"> 472.0 </td>
#>    <td style="text-align:right;"> 205 </td>
#>    <td style="text-align:right;"> 2.93 </td>
#>    <td style="text-align:right;"> 5.250 </td>
#>    <td style="text-align:right;"> 17.98 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 4 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Lincoln Continental </td>
#>    <td style="text-align:right;"> 460.0 </td>
#>    <td style="text-align:right;"> 215 </td>
#>    <td style="text-align:right;"> 3.00 </td>
#>    <td style="text-align:right;"> 5.424 </td>
#>    <td style="text-align:right;"> 17.82 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 4 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Chrysler Imperial </td>
#>    <td style="text-align:right;"> 440.0 </td>
#>    <td style="text-align:right;"> 230 </td>
#>    <td style="text-align:right;"> 3.23 </td>
#>    <td style="text-align:right;"> 5.345 </td>
#>    <td style="text-align:right;"> 17.42 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 4 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Fiat 128 </td>
#>    <td style="text-align:right;"> 78.7 </td>
#>    <td style="text-align:right;"> 66 </td>
#>    <td style="text-align:right;"> 4.08 </td>
#>    <td style="text-align:right;"> 2.200 </td>
#>    <td style="text-align:right;"> 19.47 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 1 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Honda Civic </td>
#>    <td style="text-align:right;"> 75.7 </td>
#>    <td style="text-align:right;"> 52 </td>
#>    <td style="text-align:right;"> 4.93 </td>
#>    <td style="text-align:right;"> 1.615 </td>
#>    <td style="text-align:right;"> 18.52 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 2 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Toyota Corolla </td>
#>    <td style="text-align:right;"> 71.1 </td>
#>    <td style="text-align:right;"> 65 </td>
#>    <td style="text-align:right;"> 4.22 </td>
#>    <td style="text-align:right;"> 1.835 </td>
#>    <td style="text-align:right;"> 19.90 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 1 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Toyota Corona </td>
#>    <td style="text-align:right;"> 120.1 </td>
#>    <td style="text-align:right;"> 97 </td>
#>    <td style="text-align:right;"> 3.70 </td>
#>    <td style="text-align:right;"> 2.465 </td>
#>    <td style="text-align:right;"> 20.01 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 1 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Dodge Challenger </td>
#>    <td style="text-align:right;"> 318.0 </td>
#>    <td style="text-align:right;"> 150 </td>
#>    <td style="text-align:right;"> 2.76 </td>
#>    <td style="text-align:right;"> 3.520 </td>
#>    <td style="text-align:right;"> 16.87 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 2 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> AMC Javelin </td>
#>    <td style="text-align:right;"> 304.0 </td>
#>    <td style="text-align:right;"> 150 </td>
#>    <td style="text-align:right;"> 3.15 </td>
#>    <td style="text-align:right;"> 3.435 </td>
#>    <td style="text-align:right;"> 17.30 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 2 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Camaro Z28 </td>
#>    <td style="text-align:right;"> 350.0 </td>
#>    <td style="text-align:right;"> 245 </td>
#>    <td style="text-align:right;"> 3.73 </td>
#>    <td style="text-align:right;"> 3.840 </td>
#>    <td style="text-align:right;"> 15.41 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 4 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Pontiac Firebird </td>
#>    <td style="text-align:right;"> 400.0 </td>
#>    <td style="text-align:right;"> 175 </td>
#>    <td style="text-align:right;"> 3.08 </td>
#>    <td style="text-align:right;"> 3.845 </td>
#>    <td style="text-align:right;"> 17.05 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 3 </td>
#>    <td style="text-align:right;"> 2 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Fiat X1-9 </td>
#>    <td style="text-align:right;"> 79.0 </td>
#>    <td style="text-align:right;"> 66 </td>
#>    <td style="text-align:right;"> 4.08 </td>
#>    <td style="text-align:right;"> 1.935 </td>
#>    <td style="text-align:right;"> 18.90 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 1 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Porsche 914-2 </td>
#>    <td style="text-align:right;"> 120.3 </td>
#>    <td style="text-align:right;"> 91 </td>
#>    <td style="text-align:right;"> 4.43 </td>
#>    <td style="text-align:right;"> 2.140 </td>
#>    <td style="text-align:right;"> 16.70 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 5 </td>
#>    <td style="text-align:right;"> 2 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Lotus Europa </td>
#>    <td style="text-align:right;"> 95.1 </td>
#>    <td style="text-align:right;"> 113 </td>
#>    <td style="text-align:right;"> 3.77 </td>
#>    <td style="text-align:right;"> 1.513 </td>
#>    <td style="text-align:right;"> 16.90 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 5 </td>
#>    <td style="text-align:right;"> 2 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Ford Pantera L </td>
#>    <td style="text-align:right;"> 351.0 </td>
#>    <td style="text-align:right;"> 264 </td>
#>    <td style="text-align:right;"> 4.22 </td>
#>    <td style="text-align:right;"> 3.170 </td>
#>    <td style="text-align:right;"> 14.50 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 5 </td>
#>    <td style="text-align:right;"> 4 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Ferrari Dino </td>
#>    <td style="text-align:right;"> 145.0 </td>
#>    <td style="text-align:right;"> 175 </td>
#>    <td style="text-align:right;"> 3.62 </td>
#>    <td style="text-align:right;"> 2.770 </td>
#>    <td style="text-align:right;"> 15.50 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 5 </td>
#>    <td style="text-align:right;"> 6 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Maserati Bora </td>
#>    <td style="text-align:right;"> 301.0 </td>
#>    <td style="text-align:right;"> 335 </td>
#>    <td style="text-align:right;"> 3.54 </td>
#>    <td style="text-align:right;"> 3.570 </td>
#>    <td style="text-align:right;"> 14.60 </td>
#>    <td style="text-align:right;"> 0 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 5 </td>
#>    <td style="text-align:right;"> 8 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Volvo 142E </td>
#>    <td style="text-align:right;"> 121.0 </td>
#>    <td style="text-align:right;"> 109 </td>
#>    <td style="text-align:right;"> 4.11 </td>
#>    <td style="text-align:right;"> 2.780 </td>
#>    <td style="text-align:right;"> 18.60 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 1 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 2 </td>
#>   </tr>
#> </tbody>
#> </table>

# area formatting
format_table(mtcars, list(area(col = vs:carb) ~ formatter("span",
  style = x ~ style(color = ifelse(x > 0, "red", NA)))))
#> <table class="table table-condensed">
#>  <thead>
#>   <tr>
#>    <th style="text-align:left;">   </th>
#>    <th style="text-align:right;"> mpg </th>
#>    <th style="text-align:right;"> cyl </th>
#>    <th style="text-align:right;"> disp </th>
#>    <th style="text-align:right;"> hp </th>
#>    <th style="text-align:right;"> drat </th>
#>    <th style="text-align:right;"> wt </th>
#>    <th style="text-align:right;"> qsec </th>
#>    <th style="text-align:right;"> vs </th>
#>    <th style="text-align:right;"> am </th>
#>    <th style="text-align:right;"> gear </th>
#>    <th style="text-align:right;"> carb </th>
#>   </tr>
#>  </thead>
#> <tbody>
#>   <tr>
#>    <td style="text-align:left;"> Mazda RX4 </td>
#>    <td style="text-align:right;"> 21.0 </td>
#>    <td style="text-align:right;"> 6 </td>
#>    <td style="text-align:right;"> 160.0 </td>
#>    <td style="text-align:right;"> 110 </td>
#>    <td style="text-align:right;"> 3.90 </td>
#>    <td style="text-align:right;"> 2.620 </td>
#>    <td style="text-align:right;"> 16.46 </td>
#>    <td style="text-align:right;"> <span>0</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">1</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">4</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">4</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Mazda RX4 Wag </td>
#>    <td style="text-align:right;"> 21.0 </td>
#>    <td style="text-align:right;"> 6 </td>
#>    <td style="text-align:right;"> 160.0 </td>
#>    <td style="text-align:right;"> 110 </td>
#>    <td style="text-align:right;"> 3.90 </td>
#>    <td style="text-align:right;"> 2.875 </td>
#>    <td style="text-align:right;"> 17.02 </td>
#>    <td style="text-align:right;"> <span>0</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">1</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">4</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">4</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Datsun 710 </td>
#>    <td style="text-align:right;"> 22.8 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 108.0 </td>
#>    <td style="text-align:right;"> 93 </td>
#>    <td style="text-align:right;"> 3.85 </td>
#>    <td style="text-align:right;"> 2.320 </td>
#>    <td style="text-align:right;"> 18.61 </td>
#>    <td style="text-align:right;"> <span style="color: red">1</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">1</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">4</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">1</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Hornet 4 Drive </td>
#>    <td style="text-align:right;"> 21.4 </td>
#>    <td style="text-align:right;"> 6 </td>
#>    <td style="text-align:right;"> 258.0 </td>
#>    <td style="text-align:right;"> 110 </td>
#>    <td style="text-align:right;"> 3.08 </td>
#>    <td style="text-align:right;"> 3.215 </td>
#>    <td style="text-align:right;"> 19.44 </td>
#>    <td style="text-align:right;"> <span style="color: red">1</span> </td>
#>    <td style="text-align:right;"> <span>0</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">3</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">1</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Hornet Sportabout </td>
#>    <td style="text-align:right;"> 18.7 </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 360.0 </td>
#>    <td style="text-align:right;"> 175 </td>
#>    <td style="text-align:right;"> 3.15 </td>
#>    <td style="text-align:right;"> 3.440 </td>
#>    <td style="text-align:right;"> 17.02 </td>
#>    <td style="text-align:right;"> <span>0</span> </td>
#>    <td style="text-align:right;"> <span>0</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">3</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">2</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Valiant </td>
#>    <td style="text-align:right;"> 18.1 </td>
#>    <td style="text-align:right;"> 6 </td>
#>    <td style="text-align:right;"> 225.0 </td>
#>    <td style="text-align:right;"> 105 </td>
#>    <td style="text-align:right;"> 2.76 </td>
#>    <td style="text-align:right;"> 3.460 </td>
#>    <td style="text-align:right;"> 20.22 </td>
#>    <td style="text-align:right;"> <span style="color: red">1</span> </td>
#>    <td style="text-align:right;"> <span>0</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">3</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">1</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Duster 360 </td>
#>    <td style="text-align:right;"> 14.3 </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 360.0 </td>
#>    <td style="text-align:right;"> 245 </td>
#>    <td style="text-align:right;"> 3.21 </td>
#>    <td style="text-align:right;"> 3.570 </td>
#>    <td style="text-align:right;"> 15.84 </td>
#>    <td style="text-align:right;"> <span>0</span> </td>
#>    <td style="text-align:right;"> <span>0</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">3</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">4</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Merc 240D </td>
#>    <td style="text-align:right;"> 24.4 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 146.7 </td>
#>    <td style="text-align:right;"> 62 </td>
#>    <td style="text-align:right;"> 3.69 </td>
#>    <td style="text-align:right;"> 3.190 </td>
#>    <td style="text-align:right;"> 20.00 </td>
#>    <td style="text-align:right;"> <span style="color: red">1</span> </td>
#>    <td style="text-align:right;"> <span>0</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">4</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">2</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Merc 230 </td>
#>    <td style="text-align:right;"> 22.8 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 140.8 </td>
#>    <td style="text-align:right;"> 95 </td>
#>    <td style="text-align:right;"> 3.92 </td>
#>    <td style="text-align:right;"> 3.150 </td>
#>    <td style="text-align:right;"> 22.90 </td>
#>    <td style="text-align:right;"> <span style="color: red">1</span> </td>
#>    <td style="text-align:right;"> <span>0</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">4</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">2</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Merc 280 </td>
#>    <td style="text-align:right;"> 19.2 </td>
#>    <td style="text-align:right;"> 6 </td>
#>    <td style="text-align:right;"> 167.6 </td>
#>    <td style="text-align:right;"> 123 </td>
#>    <td style="text-align:right;"> 3.92 </td>
#>    <td style="text-align:right;"> 3.440 </td>
#>    <td style="text-align:right;"> 18.30 </td>
#>    <td style="text-align:right;"> <span style="color: red">1</span> </td>
#>    <td style="text-align:right;"> <span>0</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">4</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">4</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Merc 280C </td>
#>    <td style="text-align:right;"> 17.8 </td>
#>    <td style="text-align:right;"> 6 </td>
#>    <td style="text-align:right;"> 167.6 </td>
#>    <td style="text-align:right;"> 123 </td>
#>    <td style="text-align:right;"> 3.92 </td>
#>    <td style="text-align:right;"> 3.440 </td>
#>    <td style="text-align:right;"> 18.90 </td>
#>    <td style="text-align:right;"> <span style="color: red">1</span> </td>
#>    <td style="text-align:right;"> <span>0</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">4</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">4</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Merc 450SE </td>
#>    <td style="text-align:right;"> 16.4 </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 275.8 </td>
#>    <td style="text-align:right;"> 180 </td>
#>    <td style="text-align:right;"> 3.07 </td>
#>    <td style="text-align:right;"> 4.070 </td>
#>    <td style="text-align:right;"> 17.40 </td>
#>    <td style="text-align:right;"> <span>0</span> </td>
#>    <td style="text-align:right;"> <span>0</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">3</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">3</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Merc 450SL </td>
#>    <td style="text-align:right;"> 17.3 </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 275.8 </td>
#>    <td style="text-align:right;"> 180 </td>
#>    <td style="text-align:right;"> 3.07 </td>
#>    <td style="text-align:right;"> 3.730 </td>
#>    <td style="text-align:right;"> 17.60 </td>
#>    <td style="text-align:right;"> <span>0</span> </td>
#>    <td style="text-align:right;"> <span>0</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">3</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">3</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Merc 450SLC </td>
#>    <td style="text-align:right;"> 15.2 </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 275.8 </td>
#>    <td style="text-align:right;"> 180 </td>
#>    <td style="text-align:right;"> 3.07 </td>
#>    <td style="text-align:right;"> 3.780 </td>
#>    <td style="text-align:right;"> 18.00 </td>
#>    <td style="text-align:right;"> <span>0</span> </td>
#>    <td style="text-align:right;"> <span>0</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">3</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">3</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Cadillac Fleetwood </td>
#>    <td style="text-align:right;"> 10.4 </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 472.0 </td>
#>    <td style="text-align:right;"> 205 </td>
#>    <td style="text-align:right;"> 2.93 </td>
#>    <td style="text-align:right;"> 5.250 </td>
#>    <td style="text-align:right;"> 17.98 </td>
#>    <td style="text-align:right;"> <span>0</span> </td>
#>    <td style="text-align:right;"> <span>0</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">3</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">4</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Lincoln Continental </td>
#>    <td style="text-align:right;"> 10.4 </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 460.0 </td>
#>    <td style="text-align:right;"> 215 </td>
#>    <td style="text-align:right;"> 3.00 </td>
#>    <td style="text-align:right;"> 5.424 </td>
#>    <td style="text-align:right;"> 17.82 </td>
#>    <td style="text-align:right;"> <span>0</span> </td>
#>    <td style="text-align:right;"> <span>0</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">3</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">4</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Chrysler Imperial </td>
#>    <td style="text-align:right;"> 14.7 </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 440.0 </td>
#>    <td style="text-align:right;"> 230 </td>
#>    <td style="text-align:right;"> 3.23 </td>
#>    <td style="text-align:right;"> 5.345 </td>
#>    <td style="text-align:right;"> 17.42 </td>
#>    <td style="text-align:right;"> <span>0</span> </td>
#>    <td style="text-align:right;"> <span>0</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">3</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">4</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Fiat 128 </td>
#>    <td style="text-align:right;"> 32.4 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 78.7 </td>
#>    <td style="text-align:right;"> 66 </td>
#>    <td style="text-align:right;"> 4.08 </td>
#>    <td style="text-align:right;"> 2.200 </td>
#>    <td style="text-align:right;"> 19.47 </td>
#>    <td style="text-align:right;"> <span style="color: red">1</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">1</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">4</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">1</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Honda Civic </td>
#>    <td style="text-align:right;"> 30.4 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 75.7 </td>
#>    <td style="text-align:right;"> 52 </td>
#>    <td style="text-align:right;"> 4.93 </td>
#>    <td style="text-align:right;"> 1.615 </td>
#>    <td style="text-align:right;"> 18.52 </td>
#>    <td style="text-align:right;"> <span style="color: red">1</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">1</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">4</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">2</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Toyota Corolla </td>
#>    <td style="text-align:right;"> 33.9 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 71.1 </td>
#>    <td style="text-align:right;"> 65 </td>
#>    <td style="text-align:right;"> 4.22 </td>
#>    <td style="text-align:right;"> 1.835 </td>
#>    <td style="text-align:right;"> 19.90 </td>
#>    <td style="text-align:right;"> <span style="color: red">1</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">1</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">4</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">1</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Toyota Corona </td>
#>    <td style="text-align:right;"> 21.5 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 120.1 </td>
#>    <td style="text-align:right;"> 97 </td>
#>    <td style="text-align:right;"> 3.70 </td>
#>    <td style="text-align:right;"> 2.465 </td>
#>    <td style="text-align:right;"> 20.01 </td>
#>    <td style="text-align:right;"> <span style="color: red">1</span> </td>
#>    <td style="text-align:right;"> <span>0</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">3</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">1</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Dodge Challenger </td>
#>    <td style="text-align:right;"> 15.5 </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 318.0 </td>
#>    <td style="text-align:right;"> 150 </td>
#>    <td style="text-align:right;"> 2.76 </td>
#>    <td style="text-align:right;"> 3.520 </td>
#>    <td style="text-align:right;"> 16.87 </td>
#>    <td style="text-align:right;"> <span>0</span> </td>
#>    <td style="text-align:right;"> <span>0</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">3</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">2</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> AMC Javelin </td>
#>    <td style="text-align:right;"> 15.2 </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 304.0 </td>
#>    <td style="text-align:right;"> 150 </td>
#>    <td style="text-align:right;"> 3.15 </td>
#>    <td style="text-align:right;"> 3.435 </td>
#>    <td style="text-align:right;"> 17.30 </td>
#>    <td style="text-align:right;"> <span>0</span> </td>
#>    <td style="text-align:right;"> <span>0</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">3</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">2</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Camaro Z28 </td>
#>    <td style="text-align:right;"> 13.3 </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 350.0 </td>
#>    <td style="text-align:right;"> 245 </td>
#>    <td style="text-align:right;"> 3.73 </td>
#>    <td style="text-align:right;"> 3.840 </td>
#>    <td style="text-align:right;"> 15.41 </td>
#>    <td style="text-align:right;"> <span>0</span> </td>
#>    <td style="text-align:right;"> <span>0</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">3</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">4</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Pontiac Firebird </td>
#>    <td style="text-align:right;"> 19.2 </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 400.0 </td>
#>    <td style="text-align:right;"> 175 </td>
#>    <td style="text-align:right;"> 3.08 </td>
#>    <td style="text-align:right;"> 3.845 </td>
#>    <td style="text-align:right;"> 17.05 </td>
#>    <td style="text-align:right;"> <span>0</span> </td>
#>    <td style="text-align:right;"> <span>0</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">3</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">2</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Fiat X1-9 </td>
#>    <td style="text-align:right;"> 27.3 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 79.0 </td>
#>    <td style="text-align:right;"> 66 </td>
#>    <td style="text-align:right;"> 4.08 </td>
#>    <td style="text-align:right;"> 1.935 </td>
#>    <td style="text-align:right;"> 18.90 </td>
#>    <td style="text-align:right;"> <span style="color: red">1</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">1</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">4</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">1</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Porsche 914-2 </td>
#>    <td style="text-align:right;"> 26.0 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 120.3 </td>
#>    <td style="text-align:right;"> 91 </td>
#>    <td style="text-align:right;"> 4.43 </td>
#>    <td style="text-align:right;"> 2.140 </td>
#>    <td style="text-align:right;"> 16.70 </td>
#>    <td style="text-align:right;"> <span>0</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">1</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">5</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">2</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Lotus Europa </td>
#>    <td style="text-align:right;"> 30.4 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 95.1 </td>
#>    <td style="text-align:right;"> 113 </td>
#>    <td style="text-align:right;"> 3.77 </td>
#>    <td style="text-align:right;"> 1.513 </td>
#>    <td style="text-align:right;"> 16.90 </td>
#>    <td style="text-align:right;"> <span style="color: red">1</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">1</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">5</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">2</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Ford Pantera L </td>
#>    <td style="text-align:right;"> 15.8 </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 351.0 </td>
#>    <td style="text-align:right;"> 264 </td>
#>    <td style="text-align:right;"> 4.22 </td>
#>    <td style="text-align:right;"> 3.170 </td>
#>    <td style="text-align:right;"> 14.50 </td>
#>    <td style="text-align:right;"> <span>0</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">1</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">5</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">4</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Ferrari Dino </td>
#>    <td style="text-align:right;"> 19.7 </td>
#>    <td style="text-align:right;"> 6 </td>
#>    <td style="text-align:right;"> 145.0 </td>
#>    <td style="text-align:right;"> 175 </td>
#>    <td style="text-align:right;"> 3.62 </td>
#>    <td style="text-align:right;"> 2.770 </td>
#>    <td style="text-align:right;"> 15.50 </td>
#>    <td style="text-align:right;"> <span>0</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">1</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">5</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">6</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Maserati Bora </td>
#>    <td style="text-align:right;"> 15.0 </td>
#>    <td style="text-align:right;"> 8 </td>
#>    <td style="text-align:right;"> 301.0 </td>
#>    <td style="text-align:right;"> 335 </td>
#>    <td style="text-align:right;"> 3.54 </td>
#>    <td style="text-align:right;"> 3.570 </td>
#>    <td style="text-align:right;"> 14.60 </td>
#>    <td style="text-align:right;"> <span>0</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">1</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">5</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">8</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:left;"> Volvo 142E </td>
#>    <td style="text-align:right;"> 21.4 </td>
#>    <td style="text-align:right;"> 4 </td>
#>    <td style="text-align:right;"> 121.0 </td>
#>    <td style="text-align:right;"> 109 </td>
#>    <td style="text-align:right;"> 4.11 </td>
#>    <td style="text-align:right;"> 2.780 </td>
#>    <td style="text-align:right;"> 18.60 </td>
#>    <td style="text-align:right;"> <span style="color: red">1</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">1</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">4</span> </td>
#>    <td style="text-align:right;"> <span style="color: red">2</span> </td>
#>   </tr>
#> </tbody>
#> </table>

df <- data.frame(a = rnorm(10), b = rnorm(10), c = rnorm(10))
format_table(df, list(area() ~ color_tile("transparent", "lightgray")))
#> <table class="table table-condensed">
#>  <thead>
#>   <tr>
#>    <th style="text-align:right;"> a </th>
#>    <th style="text-align:right;"> b </th>
#>    <th style="text-align:right;"> c </th>
#>   </tr>
#>  </thead>
#> <tbody>
#>   <tr>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #f4f4f4">-1.400043517</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ececec">-0.55369938</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #e2e2e2">0.46815442</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #e4e4e4">0.255317055</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #e1e1e1">0.62898204</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #e3e3e3">0.36295126</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffffff">-2.437263611</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #d3d3d3">2.06502490</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #f3f3f3">-1.30454355</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #e7e7e7">-0.005571287</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #f7f7f7">-1.63098940</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #dfdfdf">0.73777632</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #e1e1e1">0.621552721</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #e2e2e2">0.51242695</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #d4d4d4">1.88850493</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #dbdbdb">1.148411606</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #f9f9f9">-1.86301149</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #e8e8e8">-0.09744510</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #f8f8f8">-1.821817661</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ececec">-0.52201251</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #f0f0f0">-0.93584735</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #e9e9e9">-0.247325302</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #e7e7e7">-0.05260191</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #e7e7e7">-0.01595031</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #e9e9e9">-0.244199607</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #e1e1e1">0.54299634</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #efefef">-0.82678895</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #e9e9e9">-0.282705449</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #f0f0f0">-0.91407483</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #f5f5f5">-1.51239965</span> </td>
#>   </tr>
#> </tbody>
#> </table>
format_table(df, list(area(1:5) ~ color_tile("transparent", "lightgray")))
#> <table class="table table-condensed">
#>  <thead>
#>   <tr>
#>    <th style="text-align:right;"> a </th>
#>    <th style="text-align:right;"> b </th>
#>    <th style="text-align:right;"> c </th>
#>   </tr>
#>  </thead>
#> <tbody>
#>   <tr>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #f4f4f4">-1.400043517</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ececec">-0.55369938</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #e2e2e2">0.46815442</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #e4e4e4">0.255317055</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #e1e1e1">0.62898204</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #e3e3e3">0.36295126</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffffff">-2.437263611</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #d3d3d3">2.06502490</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #f3f3f3">-1.30454355</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #e7e7e7">-0.005571287</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #f7f7f7">-1.63098940</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #dfdfdf">0.73777632</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #e1e1e1">0.621552721</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #e2e2e2">0.51242695</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #d4d4d4">1.88850493</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:right;"> 1.148411606 </td>
#>    <td style="text-align:right;"> -1.86301149 </td>
#>    <td style="text-align:right;"> -0.09744510 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:right;"> -1.821817661 </td>
#>    <td style="text-align:right;"> -0.52201251 </td>
#>    <td style="text-align:right;"> -0.93584735 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:right;"> -0.247325302 </td>
#>    <td style="text-align:right;"> -0.05260191 </td>
#>    <td style="text-align:right;"> -0.01595031 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:right;"> -0.244199607 </td>
#>    <td style="text-align:right;"> 0.54299634 </td>
#>    <td style="text-align:right;"> -0.82678895 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:right;"> -0.282705449 </td>
#>    <td style="text-align:right;"> -0.91407483 </td>
#>    <td style="text-align:right;"> -1.51239965 </td>
#>   </tr>
#> </tbody>
#> </table>
format_table(df, list(area(1:5) ~ color_tile("transparent", "lightgray"),
  area(6:10) ~ color_tile("transparent", "lightpink")))
#> <table class="table table-condensed">
#>  <thead>
#>   <tr>
#>    <th style="text-align:right;"> a </th>
#>    <th style="text-align:right;"> b </th>
#>    <th style="text-align:right;"> c </th>
#>   </tr>
#>  </thead>
#> <tbody>
#>   <tr>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #f4f4f4">-1.400043517</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ececec">-0.55369938</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #e2e2e2">0.46815442</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #e4e4e4">0.255317055</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #e1e1e1">0.62898204</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #e3e3e3">0.36295126</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffffff">-2.437263611</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #d3d3d3">2.06502490</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #f3f3f3">-1.30454355</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #e7e7e7">-0.005571287</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #f7f7f7">-1.63098940</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #dfdfdf">0.73777632</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #e1e1e1">0.621552721</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #e2e2e2">0.51242695</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #d4d4d4">1.88850493</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffb6c1">1.148411606</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffffff">-1.86301149</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffd4da">-0.09744510</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #fffefe">-1.821817661</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffdee3">-0.52201251</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffe8eb">-0.93584735</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffd7dd">-0.247325302</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffd3d9">-0.05260191</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffd2d8">-0.01595031</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffd7dd">-0.244199607</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffc4cd">0.54299634</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffe5e9">-0.82678895</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffd8de">-0.282705449</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffe7eb">-0.91407483</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #fff6f7">-1.51239965</span> </td>
#>   </tr>
#> </tbody>
#> </table>