%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>VueDatatable | 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="vuedatatable.html">VueDatatable</a>
</li>
</ul>
<h1>Class VueDatatable<TRow, 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 main component of the module, used to display a datatable.</p>
</div>
</div>
</section>
<section class="tsd-panel tsd-type-parameters">
<h3>Type parameters</h3>
<ul class="tsd-type-parameters">
<li>
<h4>TRow<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">__type</span></h4>
</li>
<li>
<h4>TSub<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">TRow</span><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">VueDatatable</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="vuedatatable.html#name" class="tsd-kind-icon">name</a></li>
<li class="tsd-kind-property tsd-parent-kind-class"><a href="vuedatatable.html#waitforpager" class="tsd-kind-icon">wait<wbr>For<wbr>Pager</a></li>
<li class="tsd-kind-property tsd-parent-kind-class"><a href="vuedatatable.html#columns" class="tsd-kind-icon">columns</a></li>
<li class="tsd-kind-property tsd-parent-kind-class"><a href="vuedatatable.html#data" class="tsd-kind-icon">data</a></li>
<li class="tsd-kind-property tsd-parent-kind-class"><a href="vuedatatable.html#filter" class="tsd-kind-icon">filter</a></li>
<li class="tsd-kind-property tsd-parent-kind-class"><a href="vuedatatable.html#perpage" class="tsd-kind-icon">per<wbr>Page</a></li>
<li class="tsd-kind-property tsd-parent-kind-class"><a href="vuedatatable.html#rowclasses" class="tsd-kind-icon">row<wbr>Classes</a></li>
</ul>
</section>
<section class="tsd-index-section ">
<h3>Vue Slots</h3>
<ul class="tsd-index-list">
<li class="tsd-kind-method tsd-parent-kind-class"><a href="vuedatatable.html#no_results" class="tsd-kind-icon">no-<wbr>results</a></li>
<li class="tsd-kind-method tsd-parent-kind-class"><a href="vuedatatable.html#default" class="tsd-kind-icon">default</a></li>
<li class="tsd-kind-method tsd-parent-kind-class"><a href="vuedatatable.html#footer" class="tsd-kind-icon">footer</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">vuejs-<wbr>datatable::ready</a></li>
<li class="tsd-kind-event tsd-parent-kind-class"><a href="" class="tsd-kind-icon">vuejs-<wbr>datatable::page-<wbr>changed</a></li>
<li class="tsd-kind-event tsd-parent-kind-class"><a href="" class="tsd-kind-icon">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">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="vuedatatable.html#_attrs" class="tsd-kind-icon">$attrs</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="vuedatatable.html#_children" class="tsd-kind-icon">$children</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="vuedatatable.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="vuedatatable.html#_data" class="tsd-kind-icon">$data</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="vuedatatable.html#_datatables" class="tsd-kind-icon">$datatables</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="vuedatatable.html#_delete" class="tsd-kind-icon">$delete</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="vuedatatable.html#_el" class="tsd-kind-icon">$el</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="vuedatatable.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="vuedatatable.html#_listeners" class="tsd-kind-icon">$listeners</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="vuedatatable.html#_options" class="tsd-kind-icon">$options</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="vuedatatable.html#_parent" class="tsd-kind-icon">$parent</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="vuedatatable.html#_props" class="tsd-kind-icon">$props</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="vuedatatable.html#_refs" class="tsd-kind-icon">$refs</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="vuedatatable.html#_root" class="tsd-kind-icon">$root</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="vuedatatable.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="vuedatatable.html#_set" class="tsd-kind-icon">$set</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="vuedatatable.html#_slots" class="tsd-kind-icon">$slots</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="vuedatatable.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="vuedatatable.html#_vnode" class="tsd-kind-icon">$vnode</a></li>
<li class="tsd-kind-property tsd-parent-kind-class"><a href="vuedatatable.html#displayedrows" class="tsd-kind-icon">displayed<wbr>Rows</a></li>
<li class="tsd-kind-property tsd-parent-kind-class"><a href="vuedatatable.html#page" class="tsd-kind-icon">page</a></li>
<li class="tsd-kind-property tsd-parent-kind-class"><a href="vuedatatable.html#pagers" class="tsd-kind-icon">pagers</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-private"><a href="vuedatatable.html#sortby" class="tsd-kind-icon">sort<wbr>By</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-private"><a href="vuedatatable.html#sortdir" class="tsd-kind-icon">sort<wbr>Dir</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-protected"><a href="vuedatatable.html#tabletype" class="tsd-kind-icon">table<wbr>Type</a></li>
<li class="tsd-kind-property tsd-parent-kind-class"><a href="vuedatatable.html#totalrows" class="tsd-kind-icon">total<wbr>Rows</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-static"><a href="vuedatatable.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="vuedatatable.html#currentpagerange" class="tsd-kind-icon">current<wbr>Page<wbr>Range</a></li>
<li class="tsd-kind-get-signature tsd-parent-kind-class"><a href="vuedatatable.html#handler" class="tsd-kind-icon">handler</a></li>
<li class="tsd-kind-get-signature tsd-parent-kind-class"><a href="vuedatatable.html#identifier" class="tsd-kind-icon">identifier</a></li>
<li class="tsd-kind-get-signature tsd-parent-kind-class"><a href="vuedatatable.html#normalizedcolumns" class="tsd-kind-icon">normalized<wbr>Columns</a></li>
<li class="tsd-kind-get-signature tsd-parent-kind-class"><a href="vuedatatable.html#tableclass" class="tsd-kind-icon">table<wbr>Class</a></li>
<li class="tsd-kind-get-signature tsd-parent-kind-class tsd-is-private"><a href="vuedatatable.html#totalpages" class="tsd-kind-icon">total<wbr>Pages</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="vuedatatable.html#_destroy" class="tsd-kind-icon">$destroy</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="vuedatatable.html#_emit" class="tsd-kind-icon">$emit</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="vuedatatable.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="vuedatatable.html#_mount" class="tsd-kind-icon">$mount</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="vuedatatable.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="vuedatatable.html#_off" class="tsd-kind-icon">$off</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="vuedatatable.html#_on" class="tsd-kind-icon">$on</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="vuedatatable.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="vuedatatable.html#_watch" class="tsd-kind-icon">$watch</a></li>
<li class="tsd-kind-method tsd-parent-kind-class"><a href="vuedatatable.html#created" class="tsd-kind-icon">created</a></li>
<li class="tsd-kind-method tsd-parent-kind-class"><a href="vuedatatable.html#emitnewpage" class="tsd-kind-icon">emit<wbr>New<wbr>Page</a></li>
<li class="tsd-kind-method tsd-parent-kind-class"><a href="vuedatatable.html#getrowclasses" class="tsd-kind-icon">get<wbr>Row<wbr>Classes</a></li>
<li class="tsd-kind-method tsd-parent-kind-class"><a href="vuedatatable.html#getsortdirectionforcolumn" class="tsd-kind-icon">get<wbr>Sort<wbr>Direction<wbr>For<wbr>Column</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-private"><a href="vuedatatable.html#initwatchcriterions" class="tsd-kind-icon">init<wbr>Watch<wbr>Criterions</a></li>
<li class="tsd-kind-method tsd-parent-kind-class"><a href="vuedatatable.html#processrows" class="tsd-kind-icon">process<wbr>Rows</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-private"><a href="vuedatatable.html#processrowsin" class="tsd-kind-icon">process<wbr>Rows<wbr>In</a></li>
<li class="tsd-kind-method tsd-parent-kind-class"><a href="vuedatatable.html#refreshpage" class="tsd-kind-icon">refresh<wbr>Page</a></li>
<li class="tsd-kind-method tsd-parent-kind-class"><a href="vuedatatable.html#refreshpagecount" class="tsd-kind-icon">refresh<wbr>Page<wbr>Count</a></li>
<li class="tsd-kind-method tsd-parent-kind-class"><a href="vuedatatable.html#setsortdirectionforcolumn" class="tsd-kind-icon">set<wbr>Sort<wbr>Direction<wbr>For<wbr>Column</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-private"><a href="vuedatatable.html#settablecontent" class="tsd-kind-icon">set<wbr>Table<wbr>Content</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="name" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagConst">Const</span> name</h3>
<div class="tsd-signature tsd-kind-icon">name<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/vue-datatable.ts#L64">components/vue-datatable/vue-datatable.ts:64</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>The name of the datatable. It should be unique per page.</p>
</div>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
<a name="waitforpager" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagConst">Const</span> wait<wbr>For<wbr>Pager</h3>
<div class="tsd-signature tsd-kind-icon">wait<wbr>For<wbr>Pager<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/GerkinDev/vuejs-datatable/blob/125ca58/src/components/vue-datatable/vue-datatable.ts#L71">components/vue-datatable/vue-datatable.ts:71</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Set to <code>true</code> to defer the initialization of the table after a pager has been attached. It may resolve issues related to double execution of data function.</p>
</div>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
<a name="columns" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagConst">Const</span> columns</h3>
<div class="tsd-signature tsd-kind-icon">columns<span class="tsd-signature-symbol">:</span> <a href="../globals.html#tcolumnsdefinition" class="tsd-signature-type">TColumnsDefinition</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">TRow</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/vue-datatable.ts#L78">components/vue-datatable/vue-datatable.ts:78</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>List of columns definitions displayed by this datatable.</p>
</div>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
<a name="data" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagConst">Const</span> data</h3>
<div class="tsd-signature tsd-kind-icon">data<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">TRow</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> | </span><a href="../globals.html#tdatafn" class="tsd-signature-type">TDataFn</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">TRow</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">unknown</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/GerkinDev/vuejs-datatable/blob/125ca58/src/components/vue-datatable/vue-datatable.ts#L85">components/vue-datatable/vue-datatable.ts:85</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>The list of items to display, or a getter function.</p>
</div>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
<a name="filter" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagConst">Const</span> filter</h3>
<div class="tsd-signature tsd-kind-icon">filter<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">
<ul>
<li>Defined in <a href="https://github.com/GerkinDev/vuejs-datatable/blob/125ca58/src/components/vue-datatable/vue-datatable.ts#L92">components/vue-datatable/vue-datatable.ts:92</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Value to match in rows for display filtering.</p>
</div>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
<a name="perpage" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagConst">Const</span> per<wbr>Page</h3>
<div class="tsd-signature tsd-kind-icon">per<wbr>Page<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/vue-datatable.ts#L99">components/vue-datatable/vue-datatable.ts:99</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Maximum number of rows displayed per page.</p>
</div>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
<a name="rowclasses" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagConst">Const</span> row<wbr>Classes</h3>
<div class="tsd-signature tsd-kind-icon">row<wbr>Classes<span class="tsd-signature-symbol">:</span> <a href="../globals.html#tclassval" class="tsd-signature-type">TClassVal</a><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">function</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">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/vue-datatable.ts#L106">components/vue-datatable/vue-datatable.ts:106</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Class(es) or getter function to get row classes.</p>
</div>
</div>
</section>
</section>
<section class="tsd-panel-group tsd-member-group ">
<h2>Vue Slots</h2>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
<a name="no_results" class="tsd-anchor"></a>
<h3>no-<wbr>results</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
<li class="tsd-signature tsd-kind-icon">no-<wbr>results<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>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Shown only if no rows are displayed</p>
</div>
</div>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
<a name="default" class="tsd-anchor"></a>
<h3>default</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
<li class="tsd-signature tsd-kind-icon">default<span class="tsd-signature-symbol">(</span>row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">TRow</span>, index<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, columns<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Column[]</span><span class="tsd-signature-symbol">)</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Used to render each row</p>
</div>
</div>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>row: <span class="tsd-signature-type">TRow</span></h5>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>The current row to display.</p>
</div>
</div>
</li>
<li>
<h5>index: <span class="tsd-signature-type">number</span></h5>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>The current row index.</p>
</div>
</div>
</li>
<li>
<h5>columns: <span class="tsd-signature-type">Column[]</span></h5>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>The list of columns.</p>
</div>
</div>
</li>
</ul>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
<a name="footer" class="tsd-anchor"></a>
<h3>footer</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
<li class="tsd-signature tsd-kind-icon">footer<span class="tsd-signature-symbol">(</span>rows<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">TRow[]</span>, pagination<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">IPageRange</span>, columns<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Column[]</span><span class="tsd-signature-symbol">)</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Displayed at the bottom of the table.</p>
</div>
</div>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>rows: <span class="tsd-signature-type">TRow[]</span></h5>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>The current list of displayed rows.</p>
</div>
</div>
</li>
<li>
<h5>pagination: <span class="tsd-signature-type">IPageRange</span></h5>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>The current pagination range of the table.</p>
</div>
</div>
</li>
<li>
<h5>columns: <span class="tsd-signature-type">Column[]</span></h5>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>The list of columns.</p>
</div>
</div>
</li>
</ul>
</li>
</ul>
</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>vuejs-<wbr>datatable::ready</h3>
<ul class="tsd-signatures tsd-kind-event tsd-parent-kind-class">
<li class="tsd-signature tsd-kind-icon">vuejs-<wbr>datatable::ready<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></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Emitted when the table has been initialized.</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">
<div class="lead">
<p>The table name.</p>
</div>
</div>
</li>
</ul>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-event tsd-parent-kind-class">
<a name="" class="tsd-anchor"></a>
<h3>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">vuejs-<wbr>datatable::page-<wbr>changed<span class="tsd-signature-symbol">(</span>newPage<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">
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Emitted when the page has changed.</p>
</div>
</div>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>newPage: <span class="tsd-signature-type">number</span></h5>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>The index of the new page.</p>
</div>
</div>
</li>
</ul>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-event tsd-parent-kind-class">
<a name="" class="tsd-anchor"></a>
<h3>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">vuejs-<wbr>datatable::page-<wbr>count-<wbr>changed<span class="tsd-signature-symbol">(</span>newCount<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">
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Emitted when the page count has changed.</p>
</div>
</div>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>newCount: <span class="tsd-signature-type">number</span></h5>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>The new total number of pages.</p>
</div>
</div>
</li>
</ul>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-event tsd-parent-kind-class">
<a name="" class="tsd-anchor"></a>
<h3>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">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="displayedrows" class="tsd-anchor"></a>
<h3>displayed<wbr>Rows</h3>
<div class="tsd-signature tsd-kind-icon">displayed<wbr>Rows<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">TRow</span><span class="tsd-signature-symbol">[]</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/vue-datatable.ts#L148">components/vue-datatable/vue-datatable.ts:148</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Array of rows displayed by the table.</p>
</div>
</div>
</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/vue-datatable.ts#L116">components/vue-datatable/vue-datatable.ts:116</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Current page index.</p>
</div>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
<a name="pagers" class="tsd-anchor"></a>
<h3>pagers</h3>
<div class="tsd-signature tsd-kind-icon">pagers<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Array</span><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">any</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">></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/vue-datatable.ts#L150">components/vue-datatable/vue-datatable.ts:150</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Array of pagers that are linked to this table.</p>
</div>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-private">
<a name="sortby" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagPrivate">Private</span> sort<wbr>By</h3>
<div class="tsd-signature tsd-kind-icon">sort<wbr>By<span class="tsd-signature-symbol">:</span> <a href="column.html" class="tsd-signature-type">Column</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">TRow</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/vue-datatable.ts#L109">components/vue-datatable/vue-datatable.ts:109</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Column used for data sorting.</p>
</div>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-private">
<a name="sortdir" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagPrivate">Private</span> sort<wbr>Dir</h3>
<div class="tsd-signature tsd-kind-icon">sort<wbr>Dir<span class="tsd-signature-symbol">:</span> <a href="../enums/esortdir.html" class="tsd-signature-type">ESortDir</a><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/vue-datatable.ts#L111">components/vue-datatable/vue-datatable.ts:111</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Direction of the sort. A null value is equivalent to 'asc'.</p>
</div>
</div>
</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/vue-datatable.ts#L162">components/vue-datatable/vue-datatable.ts:162</a></li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
<a name="totalrows" class="tsd-anchor"></a>
<h3>total<wbr>Rows</h3>
<div class="tsd-signature tsd-kind-icon">total<wbr>Rows<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/vue-datatable.ts#L118">components/vue-datatable/vue-datatable.ts:118</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Total number of rows contained by this data table.</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="currentpagerange" class="tsd-anchor"></a>
<h3>current<wbr>Page<wbr>Range</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> currentPageRange<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="../interfaces/ipagerange.html" class="tsd-signature-type">IPageRange</a></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/vue-datatable.ts#L131">components/vue-datatable/vue-datatable.ts:131</a></li>
</ul>
</aside>
<h4 class="tsd-returns-title">Returns <a href="../interfaces/ipagerange.html" class="tsd-signature-type">IPageRange</a></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-get-signature tsd-parent-kind-class">
<a name="handler" class="tsd-anchor"></a>
<h3>handler</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> handler<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="../interfaces/ihandler.html" class="tsd-signature-type">IHandler</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">any</span><span class="tsd-signature-symbol">[]</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">any</span><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">
<ul>
<li>Defined in <a href="https://github.com/GerkinDev/vuejs-datatable/blob/125ca58/src/components/vue-datatable/vue-datatable.ts#L163">components/vue-datatable/vue-datatable.ts:163</a></li>
</ul>
</aside>
<h4 class="tsd-returns-title">Returns <a href="../interfaces/ihandler.html" class="tsd-signature-type">IHandler</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">any</span><span class="tsd-signature-symbol">[]</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">any</span><span class="tsd-signature-symbol">[]</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="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/vue-datatable.ts#L166">components/vue-datatable/vue-datatable.ts:166</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="normalizedcolumns" class="tsd-anchor"></a>
<h3>normalized<wbr>Columns</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> normalizedColumns<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="column.html" class="tsd-signature-type">Column</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">TRow</span><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">
<ul>
<li>Defined in <a href="https://github.com/GerkinDev/vuejs-datatable/blob/125ca58/src/components/vue-datatable/vue-datatable.ts#L153">components/vue-datatable/vue-datatable.ts:153</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Array of columns definitions casted as <a href="column.html">Column</a> objects.</p>
</div>
</div>
<h4 class="tsd-returns-title">Returns <a href="column.html" class="tsd-signature-type">Column</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">TRow</span><span class="tsd-signature-symbol">></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="tableclass" class="tsd-anchor"></a>
<h3>table<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> tableClass<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/vue-datatable.ts#L157">components/vue-datatable/vue-datatable.ts:157</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Base CSS class to apply to the <code>&lt;table&gt;</code> element.</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 tsd-is-private">
<a name="totalpages" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagPrivate">Private</span> total<wbr>Pages</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> totalPages<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><span class="tsd-signature-type">null</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/vue-datatable.ts#L121">components/vue-datatable/vue-datatable.ts:121</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>The total number of pages in the associated [[datatable]].</p>
</div>
</div>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span>
<span class="tsd-signature-symbol"> | </span>
<span class="tsd-signature-type">null</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/vue-datatable.ts#L177">components/vue-datatable/vue-datatable.ts:177</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Register the table in the global registry of tables.
Additionnaly, it may wait for a pager before starting watch data properties.</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">
<a name="emitnewpage" class="tsd-anchor"></a>
<h3>emit<wbr>New<wbr>Page</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
<li class="tsd-signature tsd-kind-icon">emit<wbr>New<wbr>Page<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/vue-datatable.ts#L280">components/vue-datatable/vue-datatable.ts:280</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Propagate the <code>page-changed</code> event when the page data is changed.</p>
</div>
</div>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
<a name="getrowclasses" class="tsd-anchor"></a>
<h3>get<wbr>Row<wbr>Classes</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
<li class="tsd-signature tsd-kind-icon">get<wbr>Row<wbr>Classes<span class="tsd-signature-symbol">(</span>row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">TRow</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</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/vue-datatable.ts#L290">components/vue-datatable/vue-datatable.ts:290</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Get the classes to add on the row</p>
</div>
</div>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>row: <span class="tsd-signature-type">TRow</span></h5>
<div class="tsd-comment tsd-typography">
<p>The row to get classes for.</p>
</div>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">[]</span></h4>
<p>the classes string to set on the row.</p>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
<a name="getsortdirectionforcolumn" class="tsd-anchor"></a>
<h3>get<wbr>Sort<wbr>Direction<wbr>For<wbr>Column</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
<li class="tsd-signature tsd-kind-icon">get<wbr>Sort<wbr>Direction<wbr>For<wbr>Column<span class="tsd-signature-symbol">(</span>columnDefinition<span class="tsd-signature-symbol">: </span><a href="column.html" class="tsd-signature-type">Column</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">TRow</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="../enums/esortdir.html" class="tsd-signature-type">ESortDir</a><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">null</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/vue-datatable.ts#L198">components/vue-datatable/vue-datatable.ts:198</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Get the sort direction for a specific column.</p>
</div>
</div>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>columnDefinition: <a href="column.html" class="tsd-signature-type">Column</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">TRow</span><span class="tsd-signature-symbol">></span></h5>
<div class="tsd-comment tsd-typography">
<p>The column to check sorting direction for.</p>
</div>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <a href="../enums/esortdir.html" class="tsd-signature-type">ESortDir</a>
<span class="tsd-signature-symbol"> | </span>
<span class="tsd-signature-type">null</span>
</h4>
<p>the sort direction for the specified column.</p>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-private">
<a name="initwatchcriterions" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagPrivate">Private</span> init<wbr>Watch<wbr>Criterions</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-private">
<li class="tsd-signature tsd-kind-icon">init<wbr>Watch<wbr>Criterions<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">
<ul>
<li>Defined in <a href="https://github.com/GerkinDev/vuejs-datatable/blob/125ca58/src/components/vue-datatable/vue-datatable.ts#L306">components/vue-datatable/vue-datatable.ts:306</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Starts the watching of following properties: <code>filter</code>, <code>perPage</code>, <code>page</code>, <code>sortBy</code>, <code>sortDir</code>.
When a change is detected, the component runs [[datatable#processRows]].
Because the watch is immediate, [[datatable#processRows]] is run immediately when this method is called.</p>
</div>
<dl class="tsd-comment-tags">
<dt>see</dt>
<dd><p>datatable#processRows</p>
</dd>
<dt>see</dt>
<dd><p><a href="https://vuejs.org/v2/api/#vm-watch">https://vuejs.org/v2/api/#vm-watch</a></p>
</dd>
</dl>
</div>
<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>
<p>nothing.</p>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
<a name="processrows" class="tsd-anchor"></a>
<h3>process<wbr>Rows</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
<li class="tsd-signature tsd-kind-icon">process<wbr>Rows<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">
<ul>
<li>Defined in <a href="https://github.com/GerkinDev/vuejs-datatable/blob/125ca58/src/components/vue-datatable/vue-datatable.ts#L252">components/vue-datatable/vue-datatable.ts:252</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Using data (or its return value if it is a function), filter, sort, paginate & display rows in the table.</p>
</div>
<dl class="tsd-comment-tags">
<dt>see</dt>
<dd><p>DataFnParams Parameters provided to the <code>data</code> function.</p>
</dd>
<dt>tutorial</dt>
<dd><h5 style="display:inline-block;"><a href="../tutorials/ajax/ajax-data.html">Ajax table (via <code>data</code> function)</a></h5></dd>
</dl>
</div>
<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>
<p>a promise resolved once the processing is done, with nothing.</p>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-private">
<a name="processrowsin" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagPrivate">Private</span> process<wbr>Rows<wbr>In</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-private">
<li class="tsd-signature tsd-kind-icon">process<wbr>Rows<wbr>In<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="../globals.html#tmaybepromise" class="tsd-signature-type">TMaybePromise</a><span class="tsd-signature-symbol"><</span><a href="../interfaces/idisplayhandlerresult.html" class="tsd-signature-type">IDisplayHandlerResult</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">TRow</span><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">
<ul>
<li>Defined in <a href="https://github.com/GerkinDev/vuejs-datatable/blob/125ca58/src/components/vue-datatable/vue-datatable.ts#L223">components/vue-datatable/vue-datatable.ts:223</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Internal function that retrieve data rows to display.</p>
</div>
</div>
<h4 class="tsd-returns-title">Returns <a href="../globals.html#tmaybepromise" class="tsd-signature-type">TMaybePromise</a><span class="tsd-signature-symbol"><</span><a href="../interfaces/idisplayhandlerresult.html" class="tsd-signature-type">IDisplayHandlerResult</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">TRow</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">></span></h4>
<p>Promise resolved with total rows count and/or rows to display</p>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
<a name="refreshpage" class="tsd-anchor"></a>
<h3>refresh<wbr>Page</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
<li class="tsd-signature tsd-kind-icon">refresh<wbr>Page<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/vue-datatable.ts#L333">components/vue-datatable/vue-datatable.ts:333</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Re-emit the current page.</p>
</div>
</div>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
<a name="refreshpagecount" class="tsd-anchor"></a>
<h3>refresh<wbr>Page<wbr>Count</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
<li class="tsd-signature tsd-kind-icon">refresh<wbr>Page<wbr>Count<span class="tsd-signature-symbol">(</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"> | </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/vue-datatable.ts#L322">components/vue-datatable/vue-datatable.ts:322</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Recalculates the new page count, and emit <code>page-count-changed</code> with the new count.</p>
</div>
</div>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">null</span>
<span class="tsd-signature-symbol"> | </span>
<span class="tsd-signature-type">number</span>
</h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
<a name="setsortdirectionforcolumn" class="tsd-anchor"></a>
<h3>set<wbr>Sort<wbr>Direction<wbr>For<wbr>Column</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
<li class="tsd-signature tsd-kind-icon">set<wbr>Sort<wbr>Direction<wbr>For<wbr>Column<span class="tsd-signature-symbol">(</span>direction<span class="tsd-signature-symbol">: </span><a href="../enums/esortdir.html" class="tsd-signature-type">ESortDir</a><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">null</span>, column<span class="tsd-signature-symbol">: </span><a href="column.html" class="tsd-signature-type">Column</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">TRow</span><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/vue-datatable.ts#L213">components/vue-datatable/vue-datatable.ts:213</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Defines the sort direction for a specific column.</p>
</div>
</div>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>direction: <a href="../enums/esortdir.html" class="tsd-signature-type">ESortDir</a><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">null</span></h5>
<div class="tsd-comment tsd-typography">
<p>The direction of the sort.</p>
</div>
</li>
<li>
<h5>column: <a href="column.html" class="tsd-signature-type">Column</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">TRow</span><span class="tsd-signature-symbol">></span></h5>
<div class="tsd-comment tsd-typography">
<p>The column to check sorting direction for.</p>
</div>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
<p>nothing.</p>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-private">
<a name="settablecontent" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagPrivate">Private</span> set<wbr>Table<wbr>Content</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-private">
<li class="tsd-signature tsd-kind-icon">set<wbr>Table<wbr>Content<span class="tsd-signature-symbol">(</span>__namedParameters<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">object</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/vue-datatable.ts#L263">components/vue-datatable/vue-datatable.ts:263</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Defines the table content & total rows number. You can send none, a single, or both properties. Only non undefined prop will be set.</p>
</div>
</div>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5><span class="tsd-flag ts-flagDefault value">Default value</span> __namedParameters: <span class="tsd-signature-type">object</span><span class="tsd-signature-symbol"> = {}</span></h5>
<ul class="tsd-parameters">
<li class="tsd-parameter">
<h5>rows<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">TRow</span><span class="tsd-signature-symbol">[]</span></h5>
</li>
<li class="tsd-parameter">
<h5>total<wbr>Row<wbr>Count<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></h5>
</li>
</ul>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
<p>nothing.</p>
</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="vuedatatable.html" class="tsd-kind-icon">Vue<wbr>Datatable</a>
<ul>
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
<a href="vuedatatable.html#_attrs" class="tsd-kind-icon">$attrs</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
<a href="vuedatatable.html#_children" class="tsd-kind-icon">$children</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
<a href="vuedatatable.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="vuedatatable.html#_data" class="tsd-kind-icon">$data</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
<a href="vuedatatable.html#_datatables" class="tsd-kind-icon">$datatables</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
<a href="vuedatatable.html#_delete" class="tsd-kind-icon">$delete</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
<a href="vuedatatable.html#_el" class="tsd-kind-icon">$el</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
<a href="vuedatatable.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="vuedatatable.html#_listeners" class="tsd-kind-icon">$listeners</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
<a href="vuedatatable.html#_options" class="tsd-kind-icon">$options</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
<a href="vuedatatable.html#_parent" class="tsd-kind-icon">$parent</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
<a href="vuedatatable.html#_props" class="tsd-kind-icon">$props</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
<a href="vuedatatable.html#_refs" class="tsd-kind-icon">$refs</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
<a href="vuedatatable.html#_root" class="tsd-kind-icon">$root</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
<a href="vuedatatable.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="vuedatatable.html#_set" class="tsd-kind-icon">$set</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
<a href="vuedatatable.html#_slots" class="tsd-kind-icon">$slots</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
<a href="vuedatatable.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="vuedatatable.html#_vnode" class="tsd-kind-icon">$vnode</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class">
<a href="vuedatatable.html#columns" class="tsd-kind-icon">columns</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class">
<a href="vuedatatable.html#data" class="tsd-kind-icon">data</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class">
<a href="vuedatatable.html#displayedrows" class="tsd-kind-icon">displayed<wbr>Rows</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class">
<a href="vuedatatable.html#filter" class="tsd-kind-icon">filter</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class">
<a href="vuedatatable.html#name" class="tsd-kind-icon">name</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class">
<a href="vuedatatable.html#page" class="tsd-kind-icon">page</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class">
<a href="vuedatatable.html#pagers" class="tsd-kind-icon">pagers</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class">
<a href="vuedatatable.html#perpage" class="tsd-kind-icon">per<wbr>Page</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class">
<a href="vuedatatable.html#rowclasses" class="tsd-kind-icon">row<wbr>Classes</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-private">
<a href="vuedatatable.html#sortby" class="tsd-kind-icon">sort<wbr>By</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-private">
<a href="vuedatatable.html#sortdir" class="tsd-kind-icon">sort<wbr>Dir</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-protected">
<a href="vuedatatable.html#tabletype" class="tsd-kind-icon">table<wbr>Type</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class">
<a href="vuedatatable.html#totalrows" class="tsd-kind-icon">total<wbr>Rows</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class">
<a href="vuedatatable.html#waitforpager" class="tsd-kind-icon">wait<wbr>For<wbr>Pager</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-static">
<a href="vuedatatable.html#vue" class="tsd-kind-icon">Vue</a>
</li>
<li class=" tsd-kind-get-signature tsd-parent-kind-class">
<a href="vuedatatable.html#currentpagerange" class="tsd-kind-icon">current<wbr>Page<wbr>Range</a>
</li>
<li class=" tsd-kind-get-signature tsd-parent-kind-class">
<a href="vuedatatable.html#handler" class="tsd-kind-icon">handler</a>
</li>
<li class=" tsd-kind-get-signature tsd-parent-kind-class">
<a href="vuedatatable.html#identifier" class="tsd-kind-icon">identifier</a>
</li>
<li class=" tsd-kind-get-signature tsd-parent-kind-class">
<a href="vuedatatable.html#normalizedcolumns" class="tsd-kind-icon">normalized<wbr>Columns</a>
</li>
<li class=" tsd-kind-get-signature tsd-parent-kind-class">
<a href="vuedatatable.html#tableclass" class="tsd-kind-icon">table<wbr>Class</a>
</li>
<li class=" tsd-kind-get-signature tsd-parent-kind-class tsd-is-private">
<a href="vuedatatable.html#totalpages" class="tsd-kind-icon">total<wbr>Pages</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a href="vuedatatable.html#_destroy" class="tsd-kind-icon">$destroy</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a href="vuedatatable.html#_emit" class="tsd-kind-icon">$emit</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a href="vuedatatable.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="vuedatatable.html#_mount" class="tsd-kind-icon">$mount</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a href="vuedatatable.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="vuedatatable.html#_off" class="tsd-kind-icon">$off</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a href="vuedatatable.html#_on" class="tsd-kind-icon">$on</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a href="vuedatatable.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="vuedatatable.html#_watch" class="tsd-kind-icon">$watch</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class">
<a href="vuedatatable.html#created" class="tsd-kind-icon">created</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class">
<a href="vuedatatable.html#emitnewpage" class="tsd-kind-icon">emit<wbr>New<wbr>Page</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class">
<a href="vuedatatable.html#getrowclasses" class="tsd-kind-icon">get<wbr>Row<wbr>Classes</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class">
<a href="vuedatatable.html#getsortdirectionforcolumn" class="tsd-kind-icon">get<wbr>Sort<wbr>Direction<wbr>For<wbr>Column</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-private">
<a href="vuedatatable.html#initwatchcriterions" class="tsd-kind-icon">init<wbr>Watch<wbr>Criterions</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class">
<a href="vuedatatable.html#processrows" class="tsd-kind-icon">process<wbr>Rows</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-private">
<a href="vuedatatable.html#processrowsin" class="tsd-kind-icon">process<wbr>Rows<wbr>In</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class">
<a href="vuedatatable.html#refreshpage" class="tsd-kind-icon">refresh<wbr>Page</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class">
<a href="vuedatatable.html#refreshpagecount" class="tsd-kind-icon">refresh<wbr>Page<wbr>Count</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class">
<a href="vuedatatable.html#setsortdirectionforcolumn" class="tsd-kind-icon">set<wbr>Sort<wbr>Direction<wbr>For<wbr>Column</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-private">
<a href="vuedatatable.html#settablecontent" class="tsd-kind-icon">set<wbr>Table<wbr>Content</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class">
<a href="vuedatatable.html#no_results" class="tsd-kind-icon">no-<wbr>results</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class">
<a href="vuedatatable.html#default" class="tsd-kind-icon">default</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class">
<a href="vuedatatable.html#footer" class="tsd-kind-icon">footer</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