diff --git a/index.html b/index.html
index 255315b3..c59d232c 100644
--- a/index.html
+++ b/index.html
@@ -318,6 +318,7 @@
               <li><a href="#methods/expand-collapse-row.html">Expand/Collapse Row</a></li>
               <li><a href="#methods/filter-by.html">Filter By</a></li>
               <li><a href="#methods/get-data.html">Get Data</a></li>
+              <li><a href="#methods/get-footer-data.html">Get Footer Data</a></li>
               <li><a href="#methods/get-hidden-rows.html">Get Hidden Rows</a></li>
               <li><a href="#methods/get-options.html">Get Options</a></li>
               <li><a href="#methods/get-row-by-unique-id.html">Get Row By Unique Id</a></li>
diff --git a/methods/get-footer-data.html b/methods/get-footer-data.html
new file mode 100644
index 00000000..638c793f
--- /dev/null
+++ b/methods/get-footer-data.html
@@ -0,0 +1,41 @@
+<script>
+  init({
+    title: 'Get Footer Data',
+    desc: 'Get the loaded data of the footer: `$table.bootstrapTable(\'getFooterData\')`.',
+    links: ['bootstrap-table.min.css'],
+    scripts: ['bootstrap-table.min.js']
+  })
+</script>
+
+<div id="toolbar">
+  <button id="button" class="btn btn-secondary">getFooterData</button>
+</div>
+<table
+  id="table"
+  data-toggle="table"
+  data-toolbar="#toolbar"
+  data-height="460"
+  data-show-footer="true"
+  data-pagination="true"
+  data-side-pagination="server"
+  data-data-field="items"
+  data-url="json/footerField.json">
+  <thead>
+    <tr>
+      <th data-field="id">ID</th>
+      <th data-field="name">Item Name</th>
+      <th data-field="price">Item Price</th>
+    </tr>
+  </thead>
+</table>
+
+<script>
+  var $table = $('#table')
+  var $button = $('#button')
+
+  function mounted() {
+    $button.click(function () {
+      alert(JSON.stringify($table.bootstrapTable('getFooterData')))
+    })
+  }
+</script>