bump version...
remove magick from imports to suggests;
update documentation
update vignettes
diff --git a/docs/awesome_table_in_html.html b/docs/awesome_table_in_html.html
index 3b0c3ad..6e80212 100644
--- a/docs/awesome_table_in_html.html
+++ b/docs/awesome_table_in_html.html
@@ -11,7 +11,7 @@
 
 <meta name="author" content="Hao Zhu" />
 
-<meta name="date" content="2017-09-13" />
+<meta name="date" content="2017-09-15" />
 
 <title>Create Awesome HTML Table with knitr::kable and kableExtra</title>
 
@@ -217,7 +217,7 @@
 
 <h1 class="title toc-ignore">Create Awesome HTML Table with knitr::kable and kableExtra</h1>
 <h4 class="author"><em>Hao Zhu</em></h4>
-<h4 class="date"><em>2017-09-13</em></h4>
+<h4 class="date"><em>2017-09-15</em></h4>
 
 </div>
 
@@ -1650,8 +1650,8 @@
 <p>Similar with <code>column_spec</code>, you can define specifications for rows. Currently, you can either bold or italiciz an entire row. Note that, similar with other row-related functions in <code>kableExtra</code>, for the position of the target row, you don’t need to count in header rows or the group labelling rows.</p>
 <pre class="r"><code>kable(dt, &quot;html&quot;) %&gt;%
   kable_styling(&quot;striped&quot;, full_width = F) %&gt;%
-  column_spec(7, bold = T) %&gt;%
-  row_spec(5, bold = T, color = &quot;white&quot;, background = &quot;#D7261E&quot;)</code></pre>
+  column_spec(5:7, bold = T) %&gt;%
+  row_spec(3:5, bold = T, color = &quot;white&quot;, background = &quot;#D7261E&quot;)</code></pre>
 <table class="table table-striped" style="width: auto !important; margin-left: auto; margin-right: auto;">
 <thead>
 <tr>
@@ -1691,10 +1691,10 @@
 <td style="text-align:right;">
 160
 </td>
-<td style="text-align:right;">
+<td style="text-align:right;font-weight: bold;">
 110
 </td>
-<td style="text-align:right;">
+<td style="text-align:right;font-weight: bold;">
 3.90
 </td>
 <td style="text-align:right;font-weight: bold;">
@@ -1714,10 +1714,10 @@
 <td style="text-align:right;">
 160
 </td>
-<td style="text-align:right;">
+<td style="text-align:right;font-weight: bold;">
 110
 </td>
-<td style="text-align:right;">
+<td style="text-align:right;font-weight: bold;">
 3.90
 </td>
 <td style="text-align:right;font-weight: bold;">
@@ -1725,48 +1725,48 @@
 </td>
 </tr>
 <tr>
-<td style="text-align:left;">
+<td style="text-align:left;font-weight: bold;color: white;background-color: #D7261E;">
 Datsun 710
 </td>
-<td style="text-align:right;">
+<td style="text-align:right;font-weight: bold;color: white;background-color: #D7261E;">
 22.8
 </td>
-<td style="text-align:right;">
+<td style="text-align:right;font-weight: bold;color: white;background-color: #D7261E;">
 4
 </td>
-<td style="text-align:right;">
+<td style="text-align:right;font-weight: bold;color: white;background-color: #D7261E;">
 108
 </td>
-<td style="text-align:right;">
+<td style="text-align:right;font-weight: bold;font-weight: bold;color: white;background-color: #D7261E;">
 93
 </td>
-<td style="text-align:right;">
+<td style="text-align:right;font-weight: bold;font-weight: bold;color: white;background-color: #D7261E;">
 3.85
 </td>
-<td style="text-align:right;font-weight: bold;">
+<td style="text-align:right;font-weight: bold;font-weight: bold;color: white;background-color: #D7261E;">
 2.320
 </td>
 </tr>
 <tr>
-<td style="text-align:left;">
+<td style="text-align:left;font-weight: bold;color: white;background-color: #D7261E;">
 Hornet 4 Drive
 </td>
-<td style="text-align:right;">
+<td style="text-align:right;font-weight: bold;color: white;background-color: #D7261E;">
 21.4
 </td>
-<td style="text-align:right;">
+<td style="text-align:right;font-weight: bold;color: white;background-color: #D7261E;">
 6
 </td>
-<td style="text-align:right;">
+<td style="text-align:right;font-weight: bold;color: white;background-color: #D7261E;">
 258
 </td>
-<td style="text-align:right;">
+<td style="text-align:right;font-weight: bold;font-weight: bold;color: white;background-color: #D7261E;">
 110
 </td>
-<td style="text-align:right;">
+<td style="text-align:right;font-weight: bold;font-weight: bold;color: white;background-color: #D7261E;">
 3.08
 </td>
-<td style="text-align:right;font-weight: bold;">
+<td style="text-align:right;font-weight: bold;font-weight: bold;color: white;background-color: #D7261E;">
 3.215
 </td>
 </tr>
@@ -1783,10 +1783,10 @@
 <td style="text-align:right;font-weight: bold;color: white;background-color: #D7261E;">
 360
 </td>
-<td style="text-align:right;font-weight: bold;color: white;background-color: #D7261E;">
+<td style="text-align:right;font-weight: bold;font-weight: bold;color: white;background-color: #D7261E;">
 175
 </td>
-<td style="text-align:right;font-weight: bold;color: white;background-color: #D7261E;">
+<td style="text-align:right;font-weight: bold;font-weight: bold;color: white;background-color: #D7261E;">
 3.15
 </td>
 <td style="text-align:right;font-weight: bold;font-weight: bold;color: white;background-color: #D7261E;">
@@ -2437,6 +2437,11 @@
 </tr>
 </tbody>
 </table>
+<p>Another way to use <code>group_rows</code> is to provide an grouping index, similar with <code>add_header_above()</code>. This feature is only available in kableExtra &gt; 0.5.2.</p>
+<pre class="r"><code># Not evaluated. This example generates the same table as above.
+kable(mtcars[1:10, 1:6], &quot;html&quot;, caption = &quot;Group Rows&quot;) %&gt;%
+  kable_styling(&quot;striped&quot;, full_width = F) %&gt;%
+  group_rows(index = c(&quot; &quot; = 3, &quot;Group 1&quot; = 4, &quot;Group 2&quot; = 3))</code></pre>
 <p>For advanced users, you can even define your own css for the group labeling.</p>
 <pre class="r"><code>kable(dt, &quot;html&quot;) %&gt;%
   kable_styling(&quot;striped&quot;, full_width = F) %&gt;%
@@ -2796,7 +2801,7 @@
 3
 </td>
 <td style="text-align:center;">
-0
+1
 </td>
 </tr>
 <tr>
@@ -2804,7 +2809,7 @@
 4
 </td>
 <td style="text-align:center;">
-1
+0
 </td>
 </tr>
 <tr>
@@ -2828,7 +2833,7 @@
 7
 </td>
 <td style="text-align:center;">
-1
+0
 </td>
 </tr>
 <tr>
@@ -2855,7 +2860,7 @@
 10
 </td>
 <td style="text-align:center;">
-1
+0
 </td>
 </tr>
 <tr>
@@ -2877,7 +2882,7 @@
 12
 </td>
 <td style="text-align:center;">
-1
+0
 </td>
 </tr>
 <tr>
@@ -2888,7 +2893,7 @@
 13
 </td>
 <td style="text-align:center;">
-1
+0
 </td>
 </tr>
 <tr>
@@ -2896,7 +2901,7 @@
 14
 </td>
 <td style="text-align:center;">
-0
+1
 </td>
 </tr>
 <tr>
@@ -2904,7 +2909,7 @@
 15
 </td>
 <td style="text-align:center;">
-0
+1
 </td>
 </tr>
 </tbody>