# Basic Explorer

The `tbl_explorer()` function creates interactive tables with sorting, filtering, pagination, and more.


# Default Options

Pass a dictionary and get a fully interactive table:


<table class="gt_table" data-quarto-disable-processing="true" data-quarto-bootstrap="false">
<thead>
<tr class="gt_heading">
<th colspan="6" class="gt_heading gt_title gt_font_normal"><div style="padding-top: 0; padding-bottom: 7px;">
<span class="gd-tbl-badge" style="background-color: #F0F0F0; color: #333333; border: 1px solid #F0F0F0; margin-right: 8px;">Table</span>Rows12Columns5
</div></th>
</tr>
<tr class="gt_col_headings">
<th class="gt_col_heading gt_columns_bottom_border gt_right" scope="col"></th>
<th id="city" class="gt_col_heading gt_columns_bottom_border gt_left" scope="col"><div>

city

<em>str</em>

</div></th>
<th id="country" class="gt_col_heading gt_columns_bottom_border gt_left" scope="col"><div>

country

<em>str</em>

</div></th>
<th id="population" class="gt_col_heading gt_columns_bottom_border gt_right" scope="col"><div>

population

<em>i64</em>

</div></th>
<th id="latitude" class="gt_col_heading gt_columns_bottom_border gt_right" scope="col"><div>

latitude

<em>f64</em>

</div></th>
<th id="longitude" class="gt_col_heading gt_columns_bottom_border gt_right" scope="col"><div>

longitude

<em>f64</em>

</div></th>
</tr>
</thead>
<tbody class="gt_table_body">
<tr>
<td class="gt_row gt_right gd-tbl-rownum">0</td>
<td class="gt_row gt_left" style="max-width: 90px">Tokyo</td>
<td class="gt_row gt_left" style="max-width: 90px">Japan</td>
<td class="gt_row gt_right" style="max-width: 103px">13960000</td>
<td class="gt_row gt_right" style="max-width: 87px">35.6762</td>
<td class="gt_row gt_right" style="max-width: 95px">139.6503</td>
</tr>
<tr>
<td class="gt_row gt_right gd-tbl-rownum">1</td>
<td class="gt_row gt_left" style="max-width: 90px">Paris</td>
<td class="gt_row gt_left" style="max-width: 90px">France</td>
<td class="gt_row gt_right" style="max-width: 103px">2161000</td>
<td class="gt_row gt_right" style="max-width: 87px">48.8566</td>
<td class="gt_row gt_right" style="max-width: 95px">2.3522</td>
</tr>
<tr>
<td class="gt_row gt_right gd-tbl-rownum">2</td>
<td class="gt_row gt_left" style="max-width: 90px">New York</td>
<td class="gt_row gt_left" style="max-width: 90px">USA</td>
<td class="gt_row gt_right" style="max-width: 103px">8336000</td>
<td class="gt_row gt_right" style="max-width: 87px">40.7128</td>
<td class="gt_row gt_right" style="max-width: 95px">-74.006</td>
</tr>
<tr>
<td class="gt_row gt_right gd-tbl-rownum">3</td>
<td class="gt_row gt_left" style="max-width: 90px">London</td>
<td class="gt_row gt_left" style="max-width: 90px">UK</td>
<td class="gt_row gt_right" style="max-width: 103px">8982000</td>
<td class="gt_row gt_right" style="max-width: 87px">51.5074</td>
<td class="gt_row gt_right" style="max-width: 95px">-0.1278</td>
</tr>
<tr>
<td class="gt_row gt_right gd-tbl-rownum">4</td>
<td class="gt_row gt_left" style="max-width: 90px">Sydney</td>
<td class="gt_row gt_left" style="max-width: 90px">Australia</td>
<td class="gt_row gt_right" style="max-width: 103px">5312000</td>
<td class="gt_row gt_right" style="max-width: 87px">-33.8688</td>
<td class="gt_row gt_right" style="max-width: 95px">151.2093</td>
</tr>
<tr>
<td class="gt_row gt_right gd-tbl-rownum">5</td>
<td class="gt_row gt_left" style="max-width: 90px">Berlin</td>
<td class="gt_row gt_left" style="max-width: 90px">Germany</td>
<td class="gt_row gt_right" style="max-width: 103px">3645000</td>
<td class="gt_row gt_right" style="max-width: 87px">52.52</td>
<td class="gt_row gt_right" style="max-width: 95px">13.405</td>
</tr>
<tr>
<td class="gt_row gt_right gd-tbl-rownum">6</td>
<td class="gt_row gt_left" style="max-width: 90px">Mumbai</td>
<td class="gt_row gt_left" style="max-width: 90px">India</td>
<td class="gt_row gt_right" style="max-width: 103px">20411000</td>
<td class="gt_row gt_right" style="max-width: 87px">19.076</td>
<td class="gt_row gt_right" style="max-width: 95px">72.8777</td>
</tr>
<tr>
<td class="gt_row gt_right gd-tbl-rownum">7</td>
<td class="gt_row gt_left" style="max-width: 90px">São Paulo</td>
<td class="gt_row gt_left" style="max-width: 90px">Brazil</td>
<td class="gt_row gt_right" style="max-width: 103px">12330000</td>
<td class="gt_row gt_right" style="max-width: 87px">-23.5505</td>
<td class="gt_row gt_right" style="max-width: 95px">-46.6333</td>
</tr>
<tr>
<td class="gt_row gt_right gd-tbl-rownum">8</td>
<td class="gt_row gt_left" style="max-width: 90px">Cairo</td>
<td class="gt_row gt_left" style="max-width: 90px">Egypt</td>
<td class="gt_row gt_right" style="max-width: 103px">10230000</td>
<td class="gt_row gt_right" style="max-width: 87px">30.0444</td>
<td class="gt_row gt_right" style="max-width: 95px">31.2357</td>
</tr>
<tr class="gd-tbl-divider">
<td class="gt_row gt_right gd-tbl-rownum">9</td>
<td class="gt_row gt_left" style="max-width: 90px">Toronto</td>
<td class="gt_row gt_left" style="max-width: 90px">Canada</td>
<td class="gt_row gt_right" style="max-width: 103px">2930000</td>
<td class="gt_row gt_right" style="max-width: 87px">43.6532</td>
<td class="gt_row gt_right" style="max-width: 95px">-79.3832</td>
</tr>
</tbody>
</table>


Try clicking column headers to sort, or type in the filter box.


# With Caption


<table class="gt_table" data-quarto-disable-processing="true" data-quarto-bootstrap="false">
<thead>
<tr class="gt_heading">
<th colspan="6" class="gt_heading gt_title gt_font_normal"><div style="padding-top: 0; padding-bottom: 7px;">
<span class="gd-tbl-badge" style="background-color: #F0F0F0; color: #333333; border: 1px solid #F0F0F0; margin-right: 8px;">Table</span>Rows12Columns5
</div></th>
</tr>
<tr class="gt_heading">
<th colspan="6" class="gt_heading gt_subtitle gt_font_normal">World Cities</th>
</tr>
<tr class="gt_col_headings">
<th class="gt_col_heading gt_columns_bottom_border gt_right" scope="col"></th>
<th id="city" class="gt_col_heading gt_columns_bottom_border gt_left" scope="col"><div>

city

<em>str</em>

</div></th>
<th id="country" class="gt_col_heading gt_columns_bottom_border gt_left" scope="col"><div>

country

<em>str</em>

</div></th>
<th id="population" class="gt_col_heading gt_columns_bottom_border gt_right" scope="col"><div>

population

<em>i64</em>

</div></th>
<th id="latitude" class="gt_col_heading gt_columns_bottom_border gt_right" scope="col"><div>

latitude

<em>f64</em>

</div></th>
<th id="longitude" class="gt_col_heading gt_columns_bottom_border gt_right" scope="col"><div>

longitude

<em>f64</em>

</div></th>
</tr>
</thead>
<tbody class="gt_table_body">
<tr>
<td class="gt_row gt_right gd-tbl-rownum">0</td>
<td class="gt_row gt_left" style="max-width: 90px">Tokyo</td>
<td class="gt_row gt_left" style="max-width: 90px">Japan</td>
<td class="gt_row gt_right" style="max-width: 103px">13960000</td>
<td class="gt_row gt_right" style="max-width: 87px">35.6762</td>
<td class="gt_row gt_right" style="max-width: 95px">139.6503</td>
</tr>
<tr>
<td class="gt_row gt_right gd-tbl-rownum">1</td>
<td class="gt_row gt_left" style="max-width: 90px">Paris</td>
<td class="gt_row gt_left" style="max-width: 90px">France</td>
<td class="gt_row gt_right" style="max-width: 103px">2161000</td>
<td class="gt_row gt_right" style="max-width: 87px">48.8566</td>
<td class="gt_row gt_right" style="max-width: 95px">2.3522</td>
</tr>
<tr>
<td class="gt_row gt_right gd-tbl-rownum">2</td>
<td class="gt_row gt_left" style="max-width: 90px">New York</td>
<td class="gt_row gt_left" style="max-width: 90px">USA</td>
<td class="gt_row gt_right" style="max-width: 103px">8336000</td>
<td class="gt_row gt_right" style="max-width: 87px">40.7128</td>
<td class="gt_row gt_right" style="max-width: 95px">-74.006</td>
</tr>
<tr>
<td class="gt_row gt_right gd-tbl-rownum">3</td>
<td class="gt_row gt_left" style="max-width: 90px">London</td>
<td class="gt_row gt_left" style="max-width: 90px">UK</td>
<td class="gt_row gt_right" style="max-width: 103px">8982000</td>
<td class="gt_row gt_right" style="max-width: 87px">51.5074</td>
<td class="gt_row gt_right" style="max-width: 95px">-0.1278</td>
</tr>
<tr>
<td class="gt_row gt_right gd-tbl-rownum">4</td>
<td class="gt_row gt_left" style="max-width: 90px">Sydney</td>
<td class="gt_row gt_left" style="max-width: 90px">Australia</td>
<td class="gt_row gt_right" style="max-width: 103px">5312000</td>
<td class="gt_row gt_right" style="max-width: 87px">-33.8688</td>
<td class="gt_row gt_right" style="max-width: 95px">151.2093</td>
</tr>
<tr>
<td class="gt_row gt_right gd-tbl-rownum">5</td>
<td class="gt_row gt_left" style="max-width: 90px">Berlin</td>
<td class="gt_row gt_left" style="max-width: 90px">Germany</td>
<td class="gt_row gt_right" style="max-width: 103px">3645000</td>
<td class="gt_row gt_right" style="max-width: 87px">52.52</td>
<td class="gt_row gt_right" style="max-width: 95px">13.405</td>
</tr>
<tr>
<td class="gt_row gt_right gd-tbl-rownum">6</td>
<td class="gt_row gt_left" style="max-width: 90px">Mumbai</td>
<td class="gt_row gt_left" style="max-width: 90px">India</td>
<td class="gt_row gt_right" style="max-width: 103px">20411000</td>
<td class="gt_row gt_right" style="max-width: 87px">19.076</td>
<td class="gt_row gt_right" style="max-width: 95px">72.8777</td>
</tr>
<tr>
<td class="gt_row gt_right gd-tbl-rownum">7</td>
<td class="gt_row gt_left" style="max-width: 90px">São Paulo</td>
<td class="gt_row gt_left" style="max-width: 90px">Brazil</td>
<td class="gt_row gt_right" style="max-width: 103px">12330000</td>
<td class="gt_row gt_right" style="max-width: 87px">-23.5505</td>
<td class="gt_row gt_right" style="max-width: 95px">-46.6333</td>
</tr>
<tr>
<td class="gt_row gt_right gd-tbl-rownum">8</td>
<td class="gt_row gt_left" style="max-width: 90px">Cairo</td>
<td class="gt_row gt_left" style="max-width: 90px">Egypt</td>
<td class="gt_row gt_right" style="max-width: 103px">10230000</td>
<td class="gt_row gt_right" style="max-width: 87px">30.0444</td>
<td class="gt_row gt_right" style="max-width: 95px">31.2357</td>
</tr>
<tr class="gd-tbl-divider">
<td class="gt_row gt_right gd-tbl-rownum">9</td>
<td class="gt_row gt_left" style="max-width: 90px">Toronto</td>
<td class="gt_row gt_left" style="max-width: 90px">Canada</td>
<td class="gt_row gt_right" style="max-width: 103px">2930000</td>
<td class="gt_row gt_right" style="max-width: 87px">43.6532</td>
<td class="gt_row gt_right" style="max-width: 95px">-79.3832</td>
</tr>
</tbody>
</table>


# Product Catalog


<table class="gt_table" data-quarto-disable-processing="true" data-quarto-bootstrap="false">
<thead>
<tr class="gt_heading">
<th colspan="7" class="gt_heading gt_title gt_font_normal"><div style="padding-top: 0; padding-bottom: 7px;">
<span class="gd-tbl-badge" style="background-color: #F0F0F0; color: #333333; border: 1px solid #F0F0F0; margin-right: 8px;">Table</span>Rows15Columns6
</div></th>
</tr>
<tr class="gt_heading">
<th colspan="7" class="gt_heading gt_subtitle gt_font_normal">Product Catalog</th>
</tr>
<tr class="gt_col_headings">
<th class="gt_col_heading gt_columns_bottom_border gt_right" scope="col"></th>
<th id="product" class="gt_col_heading gt_columns_bottom_border gt_left" scope="col"><div>

product

<em>str</em>

</div></th>
<th id="category" class="gt_col_heading gt_columns_bottom_border gt_left" scope="col"><div>

category

<em>str</em>

</div></th>
<th id="price" class="gt_col_heading gt_columns_bottom_border gt_right" scope="col"><div>

price

<em>f64</em>

</div></th>
<th id="stock" class="gt_col_heading gt_columns_bottom_border gt_right" scope="col"><div>

stock

<em>i64</em>

</div></th>
<th id="rating" class="gt_col_heading gt_columns_bottom_border gt_right" scope="col"><div>

rating

<em>f64</em>

</div></th>
<th id="in_stock" class="gt_col_heading gt_columns_bottom_border gt_left" scope="col"><div>

in_stock

<em>bool</em>

</div></th>
</tr>
</thead>
<tbody class="gt_table_body">
<tr>
<td class="gt_row gt_right gd-tbl-rownum">0</td>
<td class="gt_row gt_left" style="max-width: 124px">Widget</td>
<td class="gt_row gt_left" style="max-width: 95px">Electronics</td>
<td class="gt_row gt_right" style="max-width: 59px">11.13</td>
<td class="gt_row gt_right" style="max-width: 55px">140</td>
<td class="gt_row gt_right" style="max-width: 63px">2</td>
<td class="gt_row gt_left" style="max-width: 78px">True</td>
</tr>
<tr>
<td class="gt_row gt_right gd-tbl-rownum">1</td>
<td class="gt_row gt_left" style="max-width: 124px">Gadget</td>
<td class="gt_row gt_left" style="max-width: 95px">Tools</td>
<td class="gt_row gt_right" style="max-width: 59px">185.44</td>
<td class="gt_row gt_right" style="max-width: 55px">346</td>
<td class="gt_row gt_right" style="max-width: 63px">4</td>
<td class="gt_row gt_left" style="max-width: 78px">True</td>
</tr>
<tr>
<td class="gt_row gt_right gd-tbl-rownum">2</td>
<td class="gt_row gt_left" style="max-width: 124px">Doohickey</td>
<td class="gt_row gt_left" style="max-width: 95px">Office</td>
<td class="gt_row gt_right" style="max-width: 59px">26.3</td>
<td class="gt_row gt_right" style="max-width: 55px">216</td>
<td class="gt_row gt_right" style="max-width: 63px">1.1</td>
<td class="gt_row gt_left" style="max-width: 78px">True</td>
</tr>
<tr>
<td class="gt_row gt_right gd-tbl-rownum">3</td>
<td class="gt_row gt_left" style="max-width: 124px">Thingamajig</td>
<td class="gt_row gt_left" style="max-width: 95px">Electronics</td>
<td class="gt_row gt_right" style="max-width: 59px">58.57</td>
<td class="gt_row gt_right" style="max-width: 55px">258</td>
<td class="gt_row gt_right" style="max-width: 63px">3.4</td>
<td class="gt_row gt_left" style="max-width: 78px">True</td>
</tr>
<tr>
<td class="gt_row gt_right gd-tbl-rownum">4</td>
<td class="gt_row gt_left" style="max-width: 124px">Gizmo</td>
<td class="gt_row gt_left" style="max-width: 95px">Office</td>
<td class="gt_row gt_right" style="max-width: 59px">53.72</td>
<td class="gt_row gt_right" style="max-width: 55px">332</td>
<td class="gt_row gt_right" style="max-width: 63px">3.8</td>
<td class="gt_row gt_left" style="max-width: 78px">True</td>
</tr>
<tr>
<td class="gt_row gt_right gd-tbl-rownum">5</td>
<td class="gt_row gt_left" style="max-width: 124px">Whatchamacallit</td>
<td class="gt_row gt_left" style="max-width: 95px">Garden</td>
<td class="gt_row gt_right" style="max-width: 59px">59.01</td>
<td class="gt_row gt_right" style="max-width: 55px">301</td>
<td class="gt_row gt_right" style="max-width: 63px">2.1</td>
<td class="gt_row gt_left" style="max-width: 78px">True</td>
</tr>
<tr>
<td class="gt_row gt_right gd-tbl-rownum">6</td>
<td class="gt_row gt_left" style="max-width: 124px">Contraption</td>
<td class="gt_row gt_left" style="max-width: 95px">Electronics</td>
<td class="gt_row gt_right" style="max-width: 59px">190.91</td>
<td class="gt_row gt_right" style="max-width: 55px">81</td>
<td class="gt_row gt_right" style="max-width: 63px">3.8</td>
<td class="gt_row gt_left" style="max-width: 78px">True</td>
</tr>
<tr>
<td class="gt_row gt_right gd-tbl-rownum">7</td>
<td class="gt_row gt_left" style="max-width: 124px">Apparatus</td>
<td class="gt_row gt_left" style="max-width: 95px">Kitchen</td>
<td class="gt_row gt_right" style="max-width: 59px">73.08</td>
<td class="gt_row gt_right" style="max-width: 55px">110</td>
<td class="gt_row gt_right" style="max-width: 63px">4.8</td>
<td class="gt_row gt_left" style="max-width: 78px">True</td>
</tr>
<tr>
<td class="gt_row gt_right gd-tbl-rownum">8</td>
<td class="gt_row gt_left" style="max-width: 124px">Device</td>
<td class="gt_row gt_left" style="max-width: 95px">Kitchen</td>
<td class="gt_row gt_right" style="max-width: 59px">30.04</td>
<td class="gt_row gt_right" style="max-width: 55px">194</td>
<td class="gt_row gt_right" style="max-width: 63px">1.4</td>
<td class="gt_row gt_left" style="max-width: 78px">True</td>
</tr>
<tr class="gd-tbl-divider">
<td class="gt_row gt_right gd-tbl-rownum">9</td>
<td class="gt_row gt_left" style="max-width: 124px">Instrument</td>
<td class="gt_row gt_left" style="max-width: 95px">Kitchen</td>
<td class="gt_row gt_right" style="max-width: 59px">152.91</td>
<td class="gt_row gt_right" style="max-width: 55px">413</td>
<td class="gt_row gt_right" style="max-width: 63px">1.2</td>
<td class="gt_row gt_left" style="max-width: 78px">True</td>
</tr>
</tbody>
</table>
