%PDF-
%PDF-
Mini Shell
Mini Shell
<!doctype html>
<html class="default no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>VueDatatablePager | vuejs-datatable</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../assets/css/main.css">
</head>
<body>
<header>
<div class="tsd-page-toolbar">
<div class="container">
<div class="table-wrap">
<div class="table-cell" id="tsd-search" data-index="../assets/js/search.js" data-base="..">
<div class="field">
<label for="tsd-search-field" class="tsd-widget search no-caption">Search</label>
<input id="tsd-search-field" type="text" />
</div>
<ul class="results">
<li class="state loading">Preparing search index...</li>
<li class="state failure">The search index is not available</li>
</ul>
<a href="../index.html" class="title">vuejs-datatable</a>
</div>
<div class="table-cell" id="tsd-widgets">
<div id="tsd-filter">
<a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
<div class="tsd-filter-group">
<div class="tsd-select" id="tsd-filter-visibility">
<span class="tsd-select-label">All</span>
<ul class="tsd-select-list">
<li data-value="public">Public</li>
<li data-value="protected">Public/Protected</li>
<li data-value="private" class="selected">All</li>
</ul>
</div>
<input type="checkbox" id="tsd-filter-inherited" checked />
<label class="tsd-widget" for="tsd-filter-inherited">Inherited</label>
<input type="checkbox" id="tsd-filter-externals" checked />
<label class="tsd-widget" for="tsd-filter-externals">Externals</label>
<input type="checkbox" id="tsd-filter-only-exported" />
<label class="tsd-widget" for="tsd-filter-only-exported">Only exported</label>
</div>
</div>
<a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
</div>
</div>
</div>
</div>
<div class="tsd-page-title">
<div class="container">
<ul class="tsd-breadcrumb">
<li>
<a href="../globals.html">Globals</a>
</li>
<li>
<a href="vuedatatablepager.html">VueDatatablePager</a>
</li>
</ul>
<h1>Class VueDatatablePager<TSub></h1>
</div>
</div>
</header>
<div class="container container-main">
<div class="row">
<div class="col-8 col-content">
<section class="tsd-panel tsd-comment">
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>The component that is used to manage & change pages on a <a href="vuedatatable.html">VueDatatable</a>.</p>
</div>
</div>
</section>
<section class="tsd-panel tsd-type-parameters">
<h3>Type parameters</h3>
<ul class="tsd-type-parameters">
<li>
<h4>TSub<span class="tsd-signature-symbol">: </span><a href="vuedatatablepager.html" class="tsd-signature-type">VueDatatablePager</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">TSub</span><span class="tsd-signature-symbol">></span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-hierarchy">
<h3>Hierarchy</h3>
<ul class="tsd-hierarchy">
<li>
<span class="tsd-signature-type">object</span>
<span class="tsd-signature-symbol"> & </span>
<span class="tsd-signature-type">object</span>
<span class="tsd-signature-symbol"> & </span>
<span class="tsd-signature-type">Vue</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">this</span><span class="tsd-signature-symbol">></span>
<ul class="tsd-hierarchy">
<li>
<span class="target">VueDatatablePager</span>
</li>
</ul>
</li>
</ul>
</section>
<section class="tsd-panel-group tsd-index-group">
<h2>Index</h2>
<section class="tsd-panel tsd-index-panel">
<div class="tsd-index-content">
<section class="tsd-index-section ">
<h3>Vue Props</h3>
<ul class="tsd-index-list">
<li class="tsd-kind-property tsd-parent-kind-class"><a href="vuedatatablepager.html#table" class="tsd-kind-icon">table</a></li>
<li class="tsd-kind-property tsd-parent-kind-class"><a href="vuedatatablepager.html#type" class="tsd-kind-icon">type</a></li>
<li class="tsd-kind-property tsd-parent-kind-class"><a href="vuedatatablepager.html#sidescount" class="tsd-kind-icon">sides<wbr>Count</a></li>
</ul>
</section>
<section class="tsd-index-section ">
<h3>Vue Events</h3>
<ul class="tsd-index-list">
<li class="tsd-kind-event tsd-parent-kind-class"><a href="" class="tsd-kind-icon">Vue<wbr>Datatable.vuejs-<wbr>datatable::pager-<wbr>bound</a></li>
<li class="tsd-kind-event tsd-parent-kind-class"><a href="" class="tsd-kind-icon">Vue<wbr>Datatable.vuejs-<wbr>datatable::page-<wbr>count-<wbr>changed</a></li>
<li class="tsd-kind-event tsd-parent-kind-class"><a href="" class="tsd-kind-icon">Vue<wbr>Datatable.vuejs-<wbr>datatable::page-<wbr>changed</a></li>
</ul>
</section>
<section class="tsd-index-section ">
<h3>Properties</h3>
<ul class="tsd-index-list">
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="vuedatatablepager.html#_attrs" class="tsd-kind-icon">$attrs</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="vuedatatablepager.html#_children" class="tsd-kind-icon">$children</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="vuedatatablepager.html#_createelement" class="tsd-kind-icon">$create<wbr>Element</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="vuedatatablepager.html#_data" class="tsd-kind-icon">$data</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="vuedatatablepager.html#_datatables" class="tsd-kind-icon">$datatables</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="vuedatatablepager.html#_delete" class="tsd-kind-icon">$delete</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="vuedatatablepager.html#_el" class="tsd-kind-icon">$el</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="vuedatatablepager.html#_isserver" class="tsd-kind-icon">$is<wbr>Server</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="vuedatatablepager.html#_listeners" class="tsd-kind-icon">$listeners</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="vuedatatablepager.html#_options" class="tsd-kind-icon">$options</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="vuedatatablepager.html#_parent" class="tsd-kind-icon">$parent</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="vuedatatablepager.html#_props" class="tsd-kind-icon">$props</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="vuedatatablepager.html#_refs" class="tsd-kind-icon">$refs</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="vuedatatablepager.html#_root" class="tsd-kind-icon">$root</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="vuedatatablepager.html#_scopedslots" class="tsd-kind-icon">$scoped<wbr>Slots</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="vuedatatablepager.html#_set" class="tsd-kind-icon">$set</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="vuedatatablepager.html#_slots" class="tsd-kind-icon">$slots</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="vuedatatablepager.html#_ssrcontext" class="tsd-kind-icon">$ssr<wbr>Context</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="vuedatatablepager.html#_vnode" class="tsd-kind-icon">$vnode</a></li>
<li class="tsd-kind-property tsd-parent-kind-class"><a href="vuedatatablepager.html#page" class="tsd-kind-icon">page</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-private"><a href="vuedatatablepager.html#ptableinstance" class="tsd-kind-icon">ptable<wbr>Instance</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-protected"><a href="vuedatatablepager.html#tabletype" class="tsd-kind-icon">table<wbr>Type</a></li>
<li class="tsd-kind-property tsd-parent-kind-class"><a href="vuedatatablepager.html#totalpages" class="tsd-kind-icon">total<wbr>Pages</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-static"><a href="vuedatatablepager.html#vue" class="tsd-kind-icon">Vue</a></li>
</ul>
</section>
<section class="tsd-index-section ">
<h3>Accessors</h3>
<ul class="tsd-index-list">
<li class="tsd-kind-get-signature tsd-parent-kind-class"><a href="vuedatatablepager.html#identifier" class="tsd-kind-icon">identifier</a></li>
<li class="tsd-kind-get-signature tsd-parent-kind-class"><a href="vuedatatablepager.html#nexticon" class="tsd-kind-icon">next<wbr>Icon</a></li>
<li class="tsd-kind-get-signature tsd-parent-kind-class"><a href="vuedatatablepager.html#paginationclass" class="tsd-kind-icon">pagination<wbr>Class</a></li>
<li class="tsd-kind-get-signature tsd-parent-kind-class"><a href="vuedatatablepager.html#previousicon" class="tsd-kind-icon">previous<wbr>Icon</a></li>
<li class="tsd-kind-get-signature tsd-parent-kind-class"><a href="vuedatatablepager.html#show" class="tsd-kind-icon">show</a></li>
<li class="tsd-kind-get-signature tsd-parent-kind-class"><a href="vuedatatablepager.html#sidesindexes" class="tsd-kind-icon">sides<wbr>Indexes</a></li>
<li class="tsd-kind-get-signature tsd-parent-kind-class"><a href="vuedatatablepager.html#tableinstance" class="tsd-kind-icon">table<wbr>Instance</a></li>
<li class="tsd-kind-get-signature tsd-parent-kind-class tsd-is-private"><a href="vuedatatablepager.html#totalrows" class="tsd-kind-icon">total<wbr>Rows</a></li>
</ul>
</section>
<section class="tsd-index-section ">
<h3>Methods</h3>
<ul class="tsd-index-list">
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="vuedatatablepager.html#_destroy" class="tsd-kind-icon">$destroy</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="vuedatatablepager.html#_emit" class="tsd-kind-icon">$emit</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="vuedatatablepager.html#_forceupdate" class="tsd-kind-icon">$force<wbr>Update</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="vuedatatablepager.html#_mount" class="tsd-kind-icon">$mount</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="vuedatatablepager.html#_nexttick" class="tsd-kind-icon">$next<wbr>Tick</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="vuedatatablepager.html#_off" class="tsd-kind-icon">$off</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="vuedatatablepager.html#_on" class="tsd-kind-icon">$on</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="vuedatatablepager.html#_once" class="tsd-kind-icon">$once</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited"><a href="vuedatatablepager.html#_watch" class="tsd-kind-icon">$watch</a></li>
<li class="tsd-kind-method tsd-parent-kind-class"><a href="vuedatatablepager.html#created" class="tsd-kind-icon">created</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-private"><a href="vuedatatablepager.html#linkwithtable" class="tsd-kind-icon">link<wbr>With<wbr>Table</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-private"><a href="vuedatatablepager.html#onpagechanged" class="tsd-kind-icon">on<wbr>Page<wbr>Changed</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-private"><a href="vuedatatablepager.html#onpagecountchanged" class="tsd-kind-icon">on<wbr>Page<wbr>Count<wbr>Changed</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-private"><a href="vuedatatablepager.html#onsetpage" class="tsd-kind-icon">on<wbr>Set<wbr>Page</a></li>
</ul>
</section>
</div>
</section>
</section>
<section class="tsd-panel-group tsd-member-group ">
<h2>Vue Props</h2>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
<a name="table" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagConst">Const</span> table</h3>
<div class="tsd-signature tsd-kind-icon">table<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/GerkinDev/vuejs-datatable/blob/125ca58/src/components/vue-datatable-pager/vue-datatable-pager.ts#L25">components/vue-datatable-pager/vue-datatable-pager.ts:25</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>The id of the associated <a href="vuedatatable.html">VueDatatable</a>.</p>
</div>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
<a name="type" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagConst">Const</span> type</h3>
<div class="tsd-signature tsd-kind-icon">type<span class="tsd-signature-symbol">:</span> <a href="../enums/epagertype.html" class="tsd-signature-type">EPagerType</a></div>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/GerkinDev/vuejs-datatable/blob/125ca58/src/components/vue-datatable-pager/vue-datatable-pager.ts#L32">components/vue-datatable-pager/vue-datatable-pager.ts:32</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>The kind of the pager</p>
</div>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
<a name="sidescount" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagConst">Const</span> sides<wbr>Count</h3>
<div class="tsd-signature tsd-kind-icon">sides<wbr>Count<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/GerkinDev/vuejs-datatable/blob/125ca58/src/components/vue-datatable-pager/vue-datatable-pager.ts#L39">components/vue-datatable-pager/vue-datatable-pager.ts:39</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>The number of pages visible on each side (only for [[EPageType.Abbreviated]])</p>
</div>
</div>
</section>
</section>
<section class="tsd-panel-group tsd-member-group ">
<h2>Vue Events</h2>
<section class="tsd-panel tsd-member tsd-kind-event tsd-parent-kind-class">
<a name="" class="tsd-anchor"></a>
<h3>Vue<wbr>Datatable.vuejs-<wbr>datatable::pager-<wbr>bound</h3>
<ul class="tsd-signatures tsd-kind-event tsd-parent-kind-class">
<li class="tsd-signature tsd-kind-icon">Vue<wbr>Datatable.vuejs-<wbr>datatable::pager-<wbr>bound<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
</aside>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-event tsd-parent-kind-class">
<a name="" class="tsd-anchor"></a>
<h3>Vue<wbr>Datatable.vuejs-<wbr>datatable::page-<wbr>count-<wbr>changed</h3>
<ul class="tsd-signatures tsd-kind-event tsd-parent-kind-class">
<li class="tsd-signature tsd-kind-icon">Vue<wbr>Datatable.vuejs-<wbr>datatable::page-<wbr>count-<wbr>changed<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
</aside>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-event tsd-parent-kind-class">
<a name="" class="tsd-anchor"></a>
<h3>Vue<wbr>Datatable.vuejs-<wbr>datatable::page-<wbr>changed</h3>
<ul class="tsd-signatures tsd-kind-event tsd-parent-kind-class">
<li class="tsd-signature tsd-kind-icon">Vue<wbr>Datatable.vuejs-<wbr>datatable::page-<wbr>changed<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
</aside>
</li>
</ul>
</section>
</section>
<section class="tsd-panel-group tsd-member-group ">
<h2>Properties</h2>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
<a name="_attrs" class="tsd-anchor"></a>
<h3>$attrs</h3>
<div class="tsd-signature tsd-kind-icon">$attrs<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Record</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">></span></div>
<aside class="tsd-sources">
<p>Inherited from Vue.$attrs</p>
<ul>
<li>Defined in /home/travis/build/GerkinDev/vuejs-datatable/node_modules/vue/types/vue.d.ts:37</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
<a name="_children" class="tsd-anchor"></a>
<h3>$children</h3>
<div class="tsd-signature tsd-kind-icon">$children<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Vue</span><span class="tsd-signature-symbol">[]</span></div>
<aside class="tsd-sources">
<p>Inherited from Vue.$children</p>
<ul>
<li>Defined in /home/travis/build/GerkinDev/vuejs-datatable/node_modules/vue/types/vue.d.ts:28</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
<a name="_createelement" class="tsd-anchor"></a>
<h3>$create<wbr>Element</h3>
<div class="tsd-signature tsd-kind-icon">$create<wbr>Element<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">CreateElement</span></div>
<aside class="tsd-sources">
<p>Inherited from Vue.$createElement</p>
<ul>
<li>Defined in /home/travis/build/GerkinDev/vuejs-datatable/node_modules/vue/types/vue.d.ts:61</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
<a name="_data" class="tsd-anchor"></a>
<h3>$data</h3>
<div class="tsd-signature tsd-kind-icon">$data<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Record</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">></span></div>
<aside class="tsd-sources">
<p>Inherited from Vue.$data</p>
<ul>
<li>Defined in /home/travis/build/GerkinDev/vuejs-datatable/node_modules/vue/types/vue.d.ts:33</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
<a name="_datatables" class="tsd-anchor"></a>
<h3>$datatables</h3>
<div class="tsd-signature tsd-kind-icon">$datatables<span class="tsd-signature-symbol">:</span> <a href="../interfaces/idict.html" class="tsd-signature-type">IDict</a><span class="tsd-signature-symbol"><</span><a href="vuedatatable.html" class="tsd-signature-type">VueDatatable</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">></span></div>
<aside class="tsd-sources">
<p>Inherited from Vue.$datatables</p>
<ul>
<li>Defined in <a href="https://github.com/GerkinDev/vuejs-datatable/blob/125ca58/src/global.d.ts#L9">global.d.ts:9</a></li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
<a name="_delete" class="tsd-anchor"></a>
<h3>$delete</h3>
<div class="tsd-signature tsd-kind-icon">$delete<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">delete</span></div>
<aside class="tsd-sources">
<p>Inherited from Vue.$delete</p>
<ul>
<li>Defined in /home/travis/build/GerkinDev/vuejs-datatable/node_modules/vue/types/vue.d.ts:44</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
<a name="_el" class="tsd-anchor"></a>
<h3>$el</h3>
<div class="tsd-signature tsd-kind-icon">$el<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Element</span></div>
<aside class="tsd-sources">
<p>Inherited from Vue.$el</p>
<ul>
<li>Defined in /home/travis/build/GerkinDev/vuejs-datatable/node_modules/vue/types/vue.d.ts:24</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
<a name="_isserver" class="tsd-anchor"></a>
<h3>$is<wbr>Server</h3>
<div class="tsd-signature tsd-kind-icon">$is<wbr>Server<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div>
<aside class="tsd-sources">
<p>Inherited from Vue.$isServer</p>
<ul>
<li>Defined in /home/travis/build/GerkinDev/vuejs-datatable/node_modules/vue/types/vue.d.ts:32</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
<a name="_listeners" class="tsd-anchor"></a>
<h3>$listeners</h3>
<div class="tsd-signature tsd-kind-icon">$listeners<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Record</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">Function</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">Function</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">></span></div>
<aside class="tsd-sources">
<p>Inherited from Vue.$listeners</p>
<ul>
<li>Defined in /home/travis/build/GerkinDev/vuejs-datatable/node_modules/vue/types/vue.d.ts:38</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
<a name="_options" class="tsd-anchor"></a>
<h3>$options</h3>
<div class="tsd-signature tsd-kind-icon">$options<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">ComponentOptions</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">Vue</span><span class="tsd-signature-symbol">></span></div>
<aside class="tsd-sources">
<p>Inherited from Vue.$options</p>
<ul>
<li>Defined in /home/travis/build/GerkinDev/vuejs-datatable/node_modules/vue/types/vue.d.ts:25</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
<a name="_parent" class="tsd-anchor"></a>
<h3>$parent</h3>
<div class="tsd-signature tsd-kind-icon">$parent<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Vue</span></div>
<aside class="tsd-sources">
<p>Inherited from Vue.$parent</p>
<ul>
<li>Defined in /home/travis/build/GerkinDev/vuejs-datatable/node_modules/vue/types/vue.d.ts:26</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
<a name="_props" class="tsd-anchor"></a>
<h3>$props</h3>
<div class="tsd-signature tsd-kind-icon">$props<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Record</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">></span></div>
<aside class="tsd-sources">
<p>Inherited from Vue.$props</p>
<ul>
<li>Defined in /home/travis/build/GerkinDev/vuejs-datatable/node_modules/vue/types/vue.d.ts:34</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
<a name="_refs" class="tsd-anchor"></a>
<h3>$refs</h3>
<div class="tsd-signature tsd-kind-icon">$refs<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">object</span></div>
<aside class="tsd-sources">
<p>Inherited from Vue.$refs</p>
<ul>
<li>Defined in /home/travis/build/GerkinDev/vuejs-datatable/node_modules/vue/types/vue.d.ts:29</li>
</ul>
</aside>
<div class="tsd-type-declaration">
<h4>Type declaration</h4>
<ul class="tsd-parameters">
<li class="tsd-parameter-index-signature">
<h5><span class="tsd-signature-symbol">[</span>key: <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">]: </span><span class="tsd-signature-type">Vue</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">Element</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">Vue</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">Element</span><span class="tsd-signature-symbol">[]</span></h5>
</li>
</ul>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
<a name="_root" class="tsd-anchor"></a>
<h3>$root</h3>
<div class="tsd-signature tsd-kind-icon">$root<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Vue</span></div>
<aside class="tsd-sources">
<p>Inherited from Vue.$root</p>
<ul>
<li>Defined in /home/travis/build/GerkinDev/vuejs-datatable/node_modules/vue/types/vue.d.ts:27</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
<a name="_scopedslots" class="tsd-anchor"></a>
<h3>$scoped<wbr>Slots</h3>
<div class="tsd-signature tsd-kind-icon">$scoped<wbr>Slots<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">object</span></div>
<aside class="tsd-sources">
<p>Inherited from Vue.$scopedSlots</p>
<ul>
<li>Defined in /home/travis/build/GerkinDev/vuejs-datatable/node_modules/vue/types/vue.d.ts:31</li>
</ul>
</aside>
<div class="tsd-type-declaration">
<h4>Type declaration</h4>
<ul class="tsd-parameters">
<li class="tsd-parameter-index-signature">
<h5><span class="tsd-signature-symbol">[</span>key: <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">]: </span><span class="tsd-signature-type">NormalizedScopedSlot</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">undefined</span></h5>
</li>
</ul>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
<a name="_set" class="tsd-anchor"></a>
<h3>$set</h3>
<div class="tsd-signature tsd-kind-icon">$set<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">set</span></div>
<aside class="tsd-sources">
<p>Inherited from Vue.$set</p>
<ul>
<li>Defined in /home/travis/build/GerkinDev/vuejs-datatable/node_modules/vue/types/vue.d.ts:43</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
<a name="_slots" class="tsd-anchor"></a>
<h3>$slots</h3>
<div class="tsd-signature tsd-kind-icon">$slots<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">object</span></div>
<aside class="tsd-sources">
<p>Inherited from Vue.$slots</p>
<ul>
<li>Defined in /home/travis/build/GerkinDev/vuejs-datatable/node_modules/vue/types/vue.d.ts:30</li>
</ul>
</aside>
<div class="tsd-type-declaration">
<h4>Type declaration</h4>
<ul class="tsd-parameters">
<li class="tsd-parameter-index-signature">
<h5><span class="tsd-signature-symbol">[</span>key: <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">]: </span><span class="tsd-signature-type">VNode</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">undefined</span></h5>
</li>
</ul>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
<a name="_ssrcontext" class="tsd-anchor"></a>
<h3>$ssr<wbr>Context</h3>
<div class="tsd-signature tsd-kind-icon">$ssr<wbr>Context<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span></div>
<aside class="tsd-sources">
<p>Inherited from Vue.$ssrContext</p>
<ul>
<li>Defined in /home/travis/build/GerkinDev/vuejs-datatable/node_modules/vue/types/vue.d.ts:35</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
<a name="_vnode" class="tsd-anchor"></a>
<h3>$vnode</h3>
<div class="tsd-signature tsd-kind-icon">$vnode<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">VNode</span></div>
<aside class="tsd-sources">
<p>Inherited from Vue.$vnode</p>
<ul>
<li>Defined in /home/travis/build/GerkinDev/vuejs-datatable/node_modules/vue/types/vue.d.ts:36</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
<a name="page" class="tsd-anchor"></a>
<h3>page</h3>
<div class="tsd-signature tsd-kind-icon">page<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = 1</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/GerkinDev/vuejs-datatable/blob/125ca58/src/components/vue-datatable-pager/vue-datatable-pager.ts#L67">components/vue-datatable-pager/vue-datatable-pager.ts:67</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>The current page index in the associated <a href="vuedatatable.html">VueDatatable</a>.</p>
</div>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-private">
<a name="ptableinstance" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagPrivate">Private</span> ptable<wbr>Instance</h3>
<div class="tsd-signature tsd-kind-icon">ptable<wbr>Instance<span class="tsd-signature-symbol">:</span> <a href="vuedatatable.html" class="tsd-signature-type">VueDatatable</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> = null</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/GerkinDev/vuejs-datatable/blob/125ca58/src/components/vue-datatable-pager/vue-datatable-pager.ts#L44">components/vue-datatable-pager/vue-datatable-pager.ts:44</a></li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-protected">
<a name="tabletype" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagProtected">Protected</span> table<wbr>Type</h3>
<div class="tsd-signature tsd-kind-icon">table<wbr>Type<span class="tsd-signature-symbol">:</span> <a href="tabletype.html" class="tsd-signature-type">TableType</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">></span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/GerkinDev/vuejs-datatable/blob/125ca58/src/components/vue-datatable-pager/vue-datatable-pager.ts#L82">components/vue-datatable-pager/vue-datatable-pager.ts:82</a></li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
<a name="totalpages" class="tsd-anchor"></a>
<h3>total<wbr>Pages</h3>
<div class="tsd-signature tsd-kind-icon">total<wbr>Pages<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = 0</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/GerkinDev/vuejs-datatable/blob/125ca58/src/components/vue-datatable-pager/vue-datatable-pager.ts#L65">components/vue-datatable-pager/vue-datatable-pager.ts:65</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>The total number of pages in the associated <a href="vuedatatable.html">VueDatatable</a>.</p>
</div>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-static">
<a name="vue" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagStatic">Static</span> Vue</h3>
<div class="tsd-signature tsd-kind-icon">Vue<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">VueConstructor</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in /home/travis/build/GerkinDev/vuejs-datatable/node_modules/vue/types/vue.d.ts:128</li>
</ul>
</aside>
</section>
</section>
<section class="tsd-panel-group tsd-member-group ">
<h2>Accessors</h2>
<section class="tsd-panel tsd-member tsd-kind-get-signature tsd-parent-kind-class">
<a name="identifier" class="tsd-anchor"></a>
<h3>identifier</h3>
<ul class="tsd-signatures tsd-kind-get-signature tsd-parent-kind-class">
<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> identifier<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/GerkinDev/vuejs-datatable/blob/125ca58/src/components/vue-datatable-pager/vue-datatable-pager.ts#L83">components/vue-datatable-pager/vue-datatable-pager.ts:83</a></li>
</ul>
</aside>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-get-signature tsd-parent-kind-class">
<a name="nexticon" class="tsd-anchor"></a>
<h3>next<wbr>Icon</h3>
<ul class="tsd-signatures tsd-kind-get-signature tsd-parent-kind-class">
<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> nextIcon<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/GerkinDev/vuejs-datatable/blob/125ca58/src/components/vue-datatable-pager/vue-datatable-pager.ts#L78">components/vue-datatable-pager/vue-datatable-pager.ts:78</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>HTML content of the next page's button.</p>
</div>
</div>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-get-signature tsd-parent-kind-class">
<a name="paginationclass" class="tsd-anchor"></a>
<h3>pagination<wbr>Class</h3>
<ul class="tsd-signatures tsd-kind-get-signature tsd-parent-kind-class">
<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> paginationClass<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/GerkinDev/vuejs-datatable/blob/125ca58/src/components/vue-datatable-pager/vue-datatable-pager.ts#L70">components/vue-datatable-pager/vue-datatable-pager.ts:70</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>HTML class on the wrapping <code>ul</code> around the pager buttons.</p>
</div>
</div>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-get-signature tsd-parent-kind-class">
<a name="previousicon" class="tsd-anchor"></a>
<h3>previous<wbr>Icon</h3>
<ul class="tsd-signatures tsd-kind-get-signature tsd-parent-kind-class">
<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> previousIcon<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/GerkinDev/vuejs-datatable/blob/125ca58/src/components/vue-datatable-pager/vue-datatable-pager.ts#L74">components/vue-datatable-pager/vue-datatable-pager.ts:74</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>HTML content of the previous page's button.</p>
</div>
</div>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-get-signature tsd-parent-kind-class">
<a name="show" class="tsd-anchor"></a>
<h3>show</h3>
<ul class="tsd-signatures tsd-kind-get-signature tsd-parent-kind-class">
<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> show<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/GerkinDev/vuejs-datatable/blob/125ca58/src/components/vue-datatable-pager/vue-datatable-pager.ts#L53">components/vue-datatable-pager/vue-datatable-pager.ts:53</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Returns <code>true</code> if the pager has an associated <a href="vuedatatable.html">VueDatatable</a> with some rows.</p>
</div>
</div>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-get-signature tsd-parent-kind-class">
<a name="sidesindexes" class="tsd-anchor"></a>
<h3>sides<wbr>Indexes</h3>
<ul class="tsd-signatures tsd-kind-get-signature tsd-parent-kind-class">
<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> sidesIndexes<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">[]</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/GerkinDev/vuejs-datatable/blob/125ca58/src/components/vue-datatable-pager/vue-datatable-pager.ts#L41">components/vue-datatable-pager/vue-datatable-pager.ts:41</a></li>
</ul>
</aside>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">[]</span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-get-signature tsd-parent-kind-class">
<a name="tableinstance" class="tsd-anchor"></a>
<h3>table<wbr>Instance</h3>
<ul class="tsd-signatures tsd-kind-get-signature tsd-parent-kind-class">
<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> tableInstance<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="vuedatatable.html" class="tsd-signature-type">VueDatatable</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">></span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/GerkinDev/vuejs-datatable/blob/125ca58/src/components/vue-datatable-pager/vue-datatable-pager.ts#L45">components/vue-datatable-pager/vue-datatable-pager.ts:45</a></li>
</ul>
</aside>
<h4 class="tsd-returns-title">Returns <a href="vuedatatable.html" class="tsd-signature-type">VueDatatable</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">></span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-get-signature tsd-parent-kind-class tsd-is-private">
<a name="totalrows" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagPrivate">Private</span> total<wbr>Rows</h3>
<ul class="tsd-signatures tsd-kind-get-signature tsd-parent-kind-class tsd-is-private">
<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> totalRows<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/GerkinDev/vuejs-datatable/blob/125ca58/src/components/vue-datatable-pager/vue-datatable-pager.ts#L57">components/vue-datatable-pager/vue-datatable-pager.ts:57</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>The total number of rows in the associated <a href="vuedatatable.html">VueDatatable</a>.</p>
</div>
</div>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4>
</li>
</ul>
</section>
</section>
<section class="tsd-panel-group tsd-member-group ">
<h2>Methods</h2>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a name="_destroy" class="tsd-anchor"></a>
<h3>$destroy</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<li class="tsd-signature tsd-kind-icon">$destroy<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<p>Inherited from Vue.$destroy</p>
<ul>
<li>Defined in /home/travis/build/GerkinDev/vuejs-datatable/node_modules/vue/types/vue.d.ts:42</li>
</ul>
</aside>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a name="_emit" class="tsd-anchor"></a>
<h3>$emit</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<li class="tsd-signature tsd-kind-icon">$emit<span class="tsd-signature-symbol">(</span>event<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, <span class="tsd-signature-symbol">...</span>args<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">this</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<p>Inherited from Vue.$emit</p>
<ul>
<li>Defined in /home/travis/build/GerkinDev/vuejs-datatable/node_modules/vue/types/vue.d.ts:58</li>
</ul>
</aside>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>event: <span class="tsd-signature-type">string</span></h5>
</li>
<li>
<h5><span class="tsd-flag ts-flagRest">Rest</span> <span class="tsd-signature-symbol">...</span>args: <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">[]</span></h5>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">this</span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a name="_forceupdate" class="tsd-anchor"></a>
<h3>$force<wbr>Update</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<li class="tsd-signature tsd-kind-icon">$force<wbr>Update<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<p>Inherited from Vue.$forceUpdate</p>
<ul>
<li>Defined in /home/travis/build/GerkinDev/vuejs-datatable/node_modules/vue/types/vue.d.ts:41</li>
</ul>
</aside>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a name="_mount" class="tsd-anchor"></a>
<h3>$mount</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<li class="tsd-signature tsd-kind-icon">$mount<span class="tsd-signature-symbol">(</span>elementOrSelector<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">Element</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span>, hydrating<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">this</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<p>Inherited from Vue.$mount</p>
<ul>
<li>Defined in /home/travis/build/GerkinDev/vuejs-datatable/node_modules/vue/types/vue.d.ts:40</li>
</ul>
</aside>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5><span class="tsd-flag ts-flagOptional">Optional</span> elementOrSelector: <span class="tsd-signature-type">Element</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span></h5>
</li>
<li>
<h5><span class="tsd-flag ts-flagOptional">Optional</span> hydrating: <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span></h5>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">this</span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a name="_nexttick" class="tsd-anchor"></a>
<h3>$next<wbr>Tick</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<li class="tsd-signature tsd-kind-icon">$next<wbr>Tick<span class="tsd-signature-symbol">(</span>callback<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">function</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
<li class="tsd-signature tsd-kind-icon">$next<wbr>Tick<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Promise</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">></span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<p>Inherited from Vue.$nextTick</p>
<ul>
<li>Defined in /home/travis/build/GerkinDev/vuejs-datatable/node_modules/vue/types/vue.d.ts:59</li>
</ul>
</aside>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>callback: <span class="tsd-signature-type">function</span></h5>
<ul class="tsd-parameters">
<li class="tsd-parameter-siganture">
<ul class="tsd-signatures tsd-kind-type-literal tsd-is-not-exported">
<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>this<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">this</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>this: <span class="tsd-signature-type">this</span></h5>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
</li>
</ul>
</li>
</ul>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
</li>
<li class="tsd-description">
<aside class="tsd-sources">
<p>Inherited from Vue.$nextTick</p>
<ul>
<li>Defined in /home/travis/build/GerkinDev/vuejs-datatable/node_modules/vue/types/vue.d.ts:60</li>
</ul>
</aside>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Promise</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">></span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a name="_off" class="tsd-anchor"></a>
<h3>$off</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<li class="tsd-signature tsd-kind-icon">$off<span class="tsd-signature-symbol">(</span>event<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">[]</span>, callback<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">Function</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">this</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<p>Inherited from Vue.$off</p>
<ul>
<li>Defined in /home/travis/build/GerkinDev/vuejs-datatable/node_modules/vue/types/vue.d.ts:57</li>
</ul>
</aside>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5><span class="tsd-flag ts-flagOptional">Optional</span> event: <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">[]</span></h5>
</li>
<li>
<h5><span class="tsd-flag ts-flagOptional">Optional</span> callback: <span class="tsd-signature-type">Function</span></h5>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">this</span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a name="_on" class="tsd-anchor"></a>
<h3>$on</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<li class="tsd-signature tsd-kind-icon">$on<span class="tsd-signature-symbol">(</span>event<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">[]</span>, callback<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Function</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">this</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<p>Inherited from Vue.$on</p>
<ul>
<li>Defined in /home/travis/build/GerkinDev/vuejs-datatable/node_modules/vue/types/vue.d.ts:55</li>
</ul>
</aside>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>event: <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">[]</span></h5>
</li>
<li>
<h5>callback: <span class="tsd-signature-type">Function</span></h5>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">this</span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a name="_once" class="tsd-anchor"></a>
<h3>$once</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<li class="tsd-signature tsd-kind-icon">$once<span class="tsd-signature-symbol">(</span>event<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">[]</span>, callback<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Function</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">this</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<p>Inherited from Vue.$once</p>
<ul>
<li>Defined in /home/travis/build/GerkinDev/vuejs-datatable/node_modules/vue/types/vue.d.ts:56</li>
</ul>
</aside>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>event: <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">[]</span></h5>
</li>
<li>
<h5>callback: <span class="tsd-signature-type">Function</span></h5>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">this</span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited">
<a name="_watch" class="tsd-anchor"></a>
<h3>$watch</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited">
<li class="tsd-signature tsd-kind-icon">$watch<span class="tsd-signature-symbol">(</span>expOrFn<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, callback<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">function</span>, options<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">WatchOptions</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">function</span></li>
<li class="tsd-signature tsd-kind-icon">$watch<T><span class="tsd-signature-symbol">(</span>expOrFn<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">function</span>, callback<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">function</span>, options<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">WatchOptions</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">function</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<p>Inherited from Vue.$watch</p>
<ul>
<li>Defined in /home/travis/build/GerkinDev/vuejs-datatable/node_modules/vue/types/vue.d.ts:45</li>
</ul>
</aside>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>expOrFn: <span class="tsd-signature-type">string</span></h5>
</li>
<li>
<h5>callback: <span class="tsd-signature-type">function</span></h5>
<ul class="tsd-parameters">
<li class="tsd-parameter-siganture">
<ul class="tsd-signatures tsd-kind-type-literal tsd-is-not-exported">
<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>this<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">this</span>, n<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span>, o<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>this: <span class="tsd-signature-type">this</span></h5>
</li>
<li>
<h5>n: <span class="tsd-signature-type">any</span></h5>
</li>
<li>
<h5>o: <span class="tsd-signature-type">any</span></h5>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
</li>
</ul>
</li>
</ul>
</li>
<li>
<h5><span class="tsd-flag ts-flagOptional">Optional</span> options: <span class="tsd-signature-type">WatchOptions</span></h5>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">function</span></h4>
<ul class="tsd-parameters">
<li class="tsd-parameter-siganture">
<ul class="tsd-signatures tsd-kind-type-literal tsd-is-not-exported">
<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
</li>
</ul>
</li>
</ul>
</li>
<li class="tsd-description">
<aside class="tsd-sources">
<p>Inherited from Vue.$watch</p>
<ul>
<li>Defined in /home/travis/build/GerkinDev/vuejs-datatable/node_modules/vue/types/vue.d.ts:50</li>
</ul>
</aside>
<h4 class="tsd-type-parameters-title">Type parameters</h4>
<ul class="tsd-type-parameters">
<li>
<h4>T</h4>
</li>
</ul>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>expOrFn: <span class="tsd-signature-type">function</span></h5>
<ul class="tsd-parameters">
<li class="tsd-parameter-siganture">
<ul class="tsd-signatures tsd-kind-type-literal tsd-is-not-exported">
<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>this<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">this</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">T</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>this: <span class="tsd-signature-type">this</span></h5>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">T</span></h4>
</li>
</ul>
</li>
</ul>
</li>
<li>
<h5>callback: <span class="tsd-signature-type">function</span></h5>
<ul class="tsd-parameters">
<li class="tsd-parameter-siganture">
<ul class="tsd-signatures tsd-kind-type-literal tsd-is-not-exported">
<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>this<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">this</span>, n<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">T</span>, o<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">T</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>this: <span class="tsd-signature-type">this</span></h5>
</li>
<li>
<h5>n: <span class="tsd-signature-type">T</span></h5>
</li>
<li>
<h5>o: <span class="tsd-signature-type">T</span></h5>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
</li>
</ul>
</li>
</ul>
</li>
<li>
<h5><span class="tsd-flag ts-flagOptional">Optional</span> options: <span class="tsd-signature-type">WatchOptions</span></h5>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">function</span></h4>
<ul class="tsd-parameters">
<li class="tsd-parameter-siganture">
<ul class="tsd-signatures tsd-kind-type-literal tsd-is-not-exported">
<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
<a name="created" class="tsd-anchor"></a>
<h3>created</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
<li class="tsd-signature tsd-kind-icon">created<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/GerkinDev/vuejs-datatable/blob/125ca58/src/components/vue-datatable-pager/vue-datatable-pager.ts#L90">components/vue-datatable-pager/vue-datatable-pager.ts:90</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Try to link the pager with the table, or bind the <code>vuejs-datatable::ready</code> event to watch for new tables addition.</p>
</div>
</div>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-private">
<a name="linkwithtable" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagPrivate">Private</span> link<wbr>With<wbr>Table</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-private">
<li class="tsd-signature tsd-kind-icon">link<wbr>With<wbr>Table<span class="tsd-signature-symbol">(</span>tableName<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/GerkinDev/vuejs-datatable/blob/125ca58/src/components/vue-datatable-pager/vue-datatable-pager.ts#L114">components/vue-datatable-pager/vue-datatable-pager.ts:114</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Link the pager with the table, assign to the table some properties, and trigger an event on the table.</p>
</div>
</div>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>tableName: <span class="tsd-signature-type">string</span></h5>
<div class="tsd-comment tsd-typography">
<p>The name of the table to bind the pager with.</p>
</div>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4>
<p><code>true</code> if the link is succesfull, or <code>false</code> if it could not find a table to associate with.</p>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-private">
<a name="onpagechanged" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagPrivate">Private</span> on<wbr>Page<wbr>Changed</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-private">
<li class="tsd-signature tsd-kind-icon">on<wbr>Page<wbr>Changed<span class="tsd-signature-symbol">(</span>page<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/GerkinDev/vuejs-datatable/blob/125ca58/src/components/vue-datatable-pager/vue-datatable-pager.ts#L145">components/vue-datatable-pager/vue-datatable-pager.ts:145</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Callback of the <code>vuejs-datatable::page-changed</code> event, setting the page index.</p>
</div>
</div>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>page: <span class="tsd-signature-type">number</span></h5>
<div class="tsd-comment tsd-typography">
<p>The page index emitted by the datatable.</p>
</div>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-private">
<a name="onpagecountchanged" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagPrivate">Private</span> on<wbr>Page<wbr>Count<wbr>Changed</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-private">
<li class="tsd-signature tsd-kind-icon">on<wbr>Page<wbr>Count<wbr>Changed<span class="tsd-signature-symbol">(</span>totalPages<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/GerkinDev/vuejs-datatable/blob/125ca58/src/components/vue-datatable-pager/vue-datatable-pager.ts#L136">components/vue-datatable-pager/vue-datatable-pager.ts:136</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Callback of the <code>vuejs-datatable::page-count-changed</code> event, setting the total pages count.</p>
</div>
</div>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>totalPages: <span class="tsd-signature-type">number</span></h5>
<div class="tsd-comment tsd-typography">
<p>The new total pages count emitted by the datatable.</p>
</div>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-private">
<a name="onsetpage" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagPrivate">Private</span> on<wbr>Set<wbr>Page</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-private">
<li class="tsd-signature tsd-kind-icon">on<wbr>Set<wbr>Page<span class="tsd-signature-symbol">(</span>page<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/GerkinDev/vuejs-datatable/blob/125ca58/src/components/vue-datatable-pager/vue-datatable-pager.ts#L154">components/vue-datatable-pager/vue-datatable-pager.ts:154</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Propagate new page from the pager to the datatable.</p>
</div>
</div>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>page: <span class="tsd-signature-type">number</span></h5>
<div class="tsd-comment tsd-typography">
<p>The page index emitted by sub buttons.</p>
</div>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
</li>
</ul>
</section>
</section>
</div>
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
<nav class="tsd-navigation primary">
<ul>
<li class="globals ">
<a href="../globals.html"><em>Globals</em></a>
</li>
<li class=" ">
<a href="../tutorials/index.html">Tutorial index</a>
</li>
</ul>
</nav>
<nav class="tsd-navigation secondary menu-sticky">
<ul class="before-current">
</ul>
<ul class="current">
<li class="current tsd-kind-class tsd-has-type-parameter">
<a href="vuedatatablepager.html" class="tsd-kind-icon">Vue<wbr>Datatable<wbr>Pager</a>
<ul>
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
<a href="vuedatatablepager.html#_attrs" class="tsd-kind-icon">$attrs</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
<a href="vuedatatablepager.html#_children" class="tsd-kind-icon">$children</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
<a href="vuedatatablepager.html#_createelement" class="tsd-kind-icon">$create<wbr>Element</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
<a href="vuedatatablepager.html#_data" class="tsd-kind-icon">$data</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
<a href="vuedatatablepager.html#_datatables" class="tsd-kind-icon">$datatables</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
<a href="vuedatatablepager.html#_delete" class="tsd-kind-icon">$delete</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
<a href="vuedatatablepager.html#_el" class="tsd-kind-icon">$el</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
<a href="vuedatatablepager.html#_isserver" class="tsd-kind-icon">$is<wbr>Server</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
<a href="vuedatatablepager.html#_listeners" class="tsd-kind-icon">$listeners</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
<a href="vuedatatablepager.html#_options" class="tsd-kind-icon">$options</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
<a href="vuedatatablepager.html#_parent" class="tsd-kind-icon">$parent</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
<a href="vuedatatablepager.html#_props" class="tsd-kind-icon">$props</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
<a href="vuedatatablepager.html#_refs" class="tsd-kind-icon">$refs</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
<a href="vuedatatablepager.html#_root" class="tsd-kind-icon">$root</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
<a href="vuedatatablepager.html#_scopedslots" class="tsd-kind-icon">$scoped<wbr>Slots</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
<a href="vuedatatablepager.html#_set" class="tsd-kind-icon">$set</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
<a href="vuedatatablepager.html#_slots" class="tsd-kind-icon">$slots</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
<a href="vuedatatablepager.html#_ssrcontext" class="tsd-kind-icon">$ssr<wbr>Context</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
<a href="vuedatatablepager.html#_vnode" class="tsd-kind-icon">$vnode</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class">
<a href="vuedatatablepager.html#page" class="tsd-kind-icon">page</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-private">
<a href="vuedatatablepager.html#ptableinstance" class="tsd-kind-icon">ptable<wbr>Instance</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class">
<a href="vuedatatablepager.html#sidescount" class="tsd-kind-icon">sides<wbr>Count</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class">
<a href="vuedatatablepager.html#table" class="tsd-kind-icon">table</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-protected">
<a href="vuedatatablepager.html#tabletype" class="tsd-kind-icon">table<wbr>Type</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class">
<a href="vuedatatablepager.html#totalpages" class="tsd-kind-icon">total<wbr>Pages</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class">
<a href="vuedatatablepager.html#type" class="tsd-kind-icon">type</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-static">
<a href="vuedatatablepager.html#vue" class="tsd-kind-icon">Vue</a>
</li>
<li class=" tsd-kind-get-signature tsd-parent-kind-class">
<a href="vuedatatablepager.html#identifier" class="tsd-kind-icon">identifier</a>
</li>
<li class=" tsd-kind-get-signature tsd-parent-kind-class">
<a href="vuedatatablepager.html#nexticon" class="tsd-kind-icon">next<wbr>Icon</a>
</li>
<li class=" tsd-kind-get-signature tsd-parent-kind-class">
<a href="vuedatatablepager.html#paginationclass" class="tsd-kind-icon">pagination<wbr>Class</a>
</li>
<li class=" tsd-kind-get-signature tsd-parent-kind-class">
<a href="vuedatatablepager.html#previousicon" class="tsd-kind-icon">previous<wbr>Icon</a>
</li>
<li class=" tsd-kind-get-signature tsd-parent-kind-class">
<a href="vuedatatablepager.html#show" class="tsd-kind-icon">show</a>
</li>
<li class=" tsd-kind-get-signature tsd-parent-kind-class">
<a href="vuedatatablepager.html#sidesindexes" class="tsd-kind-icon">sides<wbr>Indexes</a>
</li>
<li class=" tsd-kind-get-signature tsd-parent-kind-class">
<a href="vuedatatablepager.html#tableinstance" class="tsd-kind-icon">table<wbr>Instance</a>
</li>
<li class=" tsd-kind-get-signature tsd-parent-kind-class tsd-is-private">
<a href="vuedatatablepager.html#totalrows" class="tsd-kind-icon">total<wbr>Rows</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a href="vuedatatablepager.html#_destroy" class="tsd-kind-icon">$destroy</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a href="vuedatatablepager.html#_emit" class="tsd-kind-icon">$emit</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a href="vuedatatablepager.html#_forceupdate" class="tsd-kind-icon">$force<wbr>Update</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a href="vuedatatablepager.html#_mount" class="tsd-kind-icon">$mount</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a href="vuedatatablepager.html#_nexttick" class="tsd-kind-icon">$next<wbr>Tick</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a href="vuedatatablepager.html#_off" class="tsd-kind-icon">$off</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a href="vuedatatablepager.html#_on" class="tsd-kind-icon">$on</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a href="vuedatatablepager.html#_once" class="tsd-kind-icon">$once</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited">
<a href="vuedatatablepager.html#_watch" class="tsd-kind-icon">$watch</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class">
<a href="vuedatatablepager.html#created" class="tsd-kind-icon">created</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-private">
<a href="vuedatatablepager.html#linkwithtable" class="tsd-kind-icon">link<wbr>With<wbr>Table</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-private">
<a href="vuedatatablepager.html#onpagechanged" class="tsd-kind-icon">on<wbr>Page<wbr>Changed</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-private">
<a href="vuedatatablepager.html#onpagecountchanged" class="tsd-kind-icon">on<wbr>Page<wbr>Count<wbr>Changed</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-private">
<a href="vuedatatablepager.html#onsetpage" class="tsd-kind-icon">on<wbr>Set<wbr>Page</a>
</li>
</ul>
</li>
</ul>
<ul class="after-current">
</ul>
</nav>
</div>
</div>
</div>
<footer class="with-border-bottom">
<div class="container">
<h2>Legend</h2>
<div class="tsd-legend-group">
<ul class="tsd-legend">
<li class="tsd-kind-module"><span class="tsd-kind-icon">Module</span></li>
<li class="tsd-kind-object-literal"><span class="tsd-kind-icon">Object literal</span></li>
<li class="tsd-kind-variable"><span class="tsd-kind-icon">Variable</span></li>
<li class="tsd-kind-function"><span class="tsd-kind-icon">Function</span></li>
<li class="tsd-kind-function tsd-has-type-parameter"><span class="tsd-kind-icon">Function with type parameter</span></li>
<li class="tsd-kind-index-signature"><span class="tsd-kind-icon">Index signature</span></li>
<li class="tsd-kind-type-alias"><span class="tsd-kind-icon">Type alias</span></li>
<li class="tsd-kind-type-alias tsd-has-type-parameter"><span class="tsd-kind-icon">Type alias with type parameter</span></li>
</ul>
<ul class="tsd-legend">
<li class="tsd-kind-enum"><span class="tsd-kind-icon">Enumeration</span></li>
<li class="tsd-kind-enum-member"><span class="tsd-kind-icon">Enumeration member</span></li>
<li class="tsd-kind-property tsd-parent-kind-enum"><span class="tsd-kind-icon">Property</span></li>
<li class="tsd-kind-method tsd-parent-kind-enum"><span class="tsd-kind-icon">Method</span></li>
</ul>
<ul class="tsd-legend">
<li class="tsd-kind-interface"><span class="tsd-kind-icon">Interface</span></li>
<li class="tsd-kind-interface tsd-has-type-parameter"><span class="tsd-kind-icon">Interface with type parameter</span></li>
<li class="tsd-kind-constructor tsd-parent-kind-interface"><span class="tsd-kind-icon">Constructor</span></li>
<li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li>
<li class="tsd-kind-method tsd-parent-kind-interface"><span class="tsd-kind-icon">Method</span></li>
<li class="tsd-kind-index-signature tsd-parent-kind-interface"><span class="tsd-kind-icon">Index signature</span></li>
</ul>
<ul class="tsd-legend">
<li class="tsd-kind-class"><span class="tsd-kind-icon">Class</span></li>
<li class="tsd-kind-class tsd-has-type-parameter"><span class="tsd-kind-icon">Class with type parameter</span></li>
<li class="tsd-kind-constructor tsd-parent-kind-class"><span class="tsd-kind-icon">Constructor</span></li>
<li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li>
<li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li>
<li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li>
<li class="tsd-kind-index-signature tsd-parent-kind-class"><span class="tsd-kind-icon">Index signature</span></li>
</ul>
<ul class="tsd-legend">
<li class="tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited constructor</span></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited property</span></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li>
<li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li>
</ul>
<ul class="tsd-legend">
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-protected"><span class="tsd-kind-icon">Protected property</span></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-protected"><span class="tsd-kind-icon">Protected method</span></li>
<li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-protected"><span class="tsd-kind-icon">Protected accessor</span></li>
</ul>
<ul class="tsd-legend">
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-private"><span class="tsd-kind-icon">Private property</span></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-private"><span class="tsd-kind-icon">Private method</span></li>
<li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-private"><span class="tsd-kind-icon">Private accessor</span></li>
</ul>
<ul class="tsd-legend">
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-static"><span class="tsd-kind-icon">Static property</span></li>
<li class="tsd-kind-call-signature tsd-parent-kind-class tsd-is-static"><span class="tsd-kind-icon">Static method</span></li>
</ul>
</div>
</div>
</footer>
<div class="container tsd-generator">
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
</div>
<div class="overlay"></div>
<script src="../assets/js/main.js"></script>
<script>if (location.protocol == 'file:') document.write('<script src="../assets/js/search.js"><' + '/script>');</script>
</body>
</html>
Zerion Mini Shell 1.0