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

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.4090988</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #e5e5e5">-0.04043487</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #e4e4e4">0.03776136</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #d9d9d9">0.9936582</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #dcdcdc">0.72626367</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #f2f2f2">-1.16153090</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #dfdfdf">0.4003714</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #dedede">0.54693200</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #fafafa">-1.91147082</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #dedede">0.4903055</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #e4e4e4">0.02871992</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #f4f4f4">-1.33966521</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #f8f8f8">-1.7583260</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #e4e4e4">-0.03138187</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #dbdbdb">0.75534780</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #dddddd">0.5768957</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #e0e0e0">0.33925841</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #eaeaea">-0.52362779</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ececec">-0.7136199</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ececec">-0.68317988</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #d8d8d8">1.05221487</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffffff">-2.2865244</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #f0f0f0">-1.03339153</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #e5e5e5">-0.04683692</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #d3d3d3">1.4911633</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #eaeaea">-0.50860751</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #f6f6f6">-1.55762692</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #d3d3d3">1.5261254</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #e6e6e6">-0.15777223</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #e4e4e4">-0.03301588</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: #f7f7f7">-1.4090988</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #e2e2e2">-0.04043487</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #e1e1e1">0.03776136</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #d3d3d3">0.9936582</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #d7d7d7">0.72626367</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #f3f3f3">-1.16153090</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #dbdbdb">0.4003714</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #d9d9d9">0.54693200</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffffff">-1.91147082</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #dadada">0.4903055</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #e1e1e1">0.02871992</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #f6f6f6">-1.33966521</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #fcfcfc">-1.7583260</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #e2e2e2">-0.03138187</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #d6d6d6">0.75534780</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:right;"> 0.5768957 </td>
#>    <td style="text-align:right;"> 0.33925841 </td>
#>    <td style="text-align:right;"> -0.52362779 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:right;"> -0.7136199 </td>
#>    <td style="text-align:right;"> -0.68317988 </td>
#>    <td style="text-align:right;"> 1.05221487 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:right;"> -2.2865244 </td>
#>    <td style="text-align:right;"> -1.03339153 </td>
#>    <td style="text-align:right;"> -0.04683692 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:right;"> 1.4911633 </td>
#>    <td style="text-align:right;"> -0.50860751 </td>
#>    <td style="text-align:right;"> -1.55762692 </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:right;"> 1.5261254 </td>
#>    <td style="text-align:right;"> -0.15777223 </td>
#>    <td style="text-align:right;"> -0.03301588 </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: #f7f7f7">-1.4090988</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #e2e2e2">-0.04043487</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #e1e1e1">0.03776136</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #d3d3d3">0.9936582</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #d7d7d7">0.72626367</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #f3f3f3">-1.16153090</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #dbdbdb">0.4003714</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #d9d9d9">0.54693200</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffffff">-1.91147082</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #dadada">0.4903055</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #e1e1e1">0.02871992</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #f6f6f6">-1.33966521</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #fcfcfc">-1.7583260</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #e2e2e2">-0.03138187</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #d6d6d6">0.75534780</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffc8d0">0.5768957</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffccd4">0.33925841</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffdde2">-0.52362779</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffe0e5">-0.7136199</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffe0e4">-0.68317988</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffbfc8">1.05221487</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffffff">-2.2865244</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffe7ea">-1.03339153</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffd4da">-0.04683692</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffb6c1">1.4911633</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffdce2">-0.50860751</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #fff1f3">-1.55762692</span> </td>
#>   </tr>
#>   <tr>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffb6c1">1.5261254</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffd6dc">-0.15777223</span> </td>
#>    <td style="text-align:right;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffd3da">-0.03301588</span> </td>
#>   </tr>
#> </tbody>
#> </table>