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:
parent
ad7711746b
commit
277feb0075
@ -1 +1 @@
|
||||
c4ed093af9bf5664f03d2f26be66363c2d4130b6
|
||||
b3337a076f8e3eaa12752ef1e300597b95230fc7
|
||||
|
@ -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>
|
||||
|
Loading…
Reference in New Issue
Block a user