1
0
mirror of https://github.com/DataTables/DataTables.git synced 2024-11-28 10:24:10 +01:00

Update - example: Note use of -api columns().every() in filtering example

Thanks for the suggestion Martin
This commit is contained in:
Allan Jardine 2019-11-20 10:12:45 +00:00
parent ad7711746b
commit 277feb0075
2 changed files with 7 additions and 4 deletions

View File

@ -1 +1 @@
c4ed093af9bf5664f03d2f26be66363c2d4130b6
b3337a076f8e3eaa12752ef1e300597b95230fc7

View File

@ -53,9 +53,12 @@ $(document).ready(function() {
<div class="info">
<p>This example is almost identical to text based individual column example and provides the same functionality, but in this case using <code class="tag" title=
"HTML tag">select</code> input controls.</p>
<p>After the table is initialised, the API is used to build the <code class="tag" title="HTML tag">select</code> inputs through the use of the <a href=
"//datatables.net/reference/api/column().data()"><code class="api" title="DataTables API method">column().data()</code></a> method to get the data for each column
in turn. The helper methods <a href="//datatables.net/reference/api/unique()"><code class="api" title="DataTables API method">unique()</code></a> and <a href=
<p>After the table is initialised, the API is used to build the <code class="tag" title="HTML tag">select</code> inputs through the use of <a href=
"//datatables.net/reference/api/columns().every()"><code class="api" title="DataTables API method">columns().every()</code></a> to loop over the columns (the
<a href="//datatables.net/reference/api/columns()"><code class="api" title="DataTables API method">columns()</code></a> selector can also be used to limit the
selected columns if required), then the <a href="//datatables.net/reference/api/column().data()"><code class="api" title=
"DataTables API method">column().data()</code></a> method is used to get the data for each column in turn. The helper methods <a href=
"//datatables.net/reference/api/unique()"><code class="api" title="DataTables API method">unique()</code></a> and <a href=
"//datatables.net/reference/api/sort()"><code class="api" title="DataTables API method">sort()</code></a> are also used to reduce the data for set input to unique
and ordered elements. Finally the <code>change</code> event from the <code class="tag" title="HTML tag">select</code> input is used to trigger a column search
using the <a href="//datatables.net/reference/api/column().search()"><code class="api" title="DataTables API method">column().search()</code></a> method.</p>