mirror of
https://github.com/koalyptus/TableFilter.git
synced 2024-06-08 00:42:28 +02:00
Updated 1.18 Mark active columns (markdown)
parent
62168bbc0a
commit
ea77951335
|
@ -1 +1,79 @@
|
|||
Visual indicator indicating the columns that are currently filtered.
|
||||
Visual indicator indicating the columns that are currently filtered.
|
||||
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Property</th>
|
||||
<th>Type</th>
|
||||
<th>Description</th>
|
||||
<th>Remarks</th>
|
||||
<th>Example</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th>mark_active_columns</th>
|
||||
<td>boolean or literal object</td>
|
||||
<td>Visual indicator indicating the columns that are currently filtered (default - false)</td>
|
||||
<td>You can use this option as a literal object too</td>
|
||||
<td>
|
||||
<pre>
|
||||
var tfConfig = { mark_active_columns: true };
|
||||
// or
|
||||
var tfConfig = {
|
||||
mark_active_columns: {}
|
||||
};
|
||||
</pre>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>header_css_class</th>
|
||||
<td>string</td>
|
||||
<td>Css class applied to the header of the filtered column (default - 'activeHeader')</td>
|
||||
<td></td>
|
||||
<td>
|
||||
<pre>
|
||||
var tfConfig = {
|
||||
mark_active_columns: {
|
||||
header_css_class: 'myCssClass'
|
||||
}
|
||||
};
|
||||
</pre>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>on_before_active_column</th>
|
||||
<td>function</td>
|
||||
<td>Callback invoked just before a column is marked as filtered (default - empty function)</td>
|
||||
<td></td>
|
||||
<td>
|
||||
<pre>
|
||||
var tfConfig = {
|
||||
mark_active_columns: {
|
||||
on_before_active_column(feature, colIndex){
|
||||
console.log(feature, colIndex);
|
||||
}
|
||||
}
|
||||
};
|
||||
</pre>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>on_after_active_column</th>
|
||||
<td>function</td>
|
||||
<td>Callback invoked just before a column is marked as filtered (default - empty function)</td>
|
||||
<td></td>
|
||||
<td>
|
||||
<pre>
|
||||
var tfConfig = {
|
||||
mark_active_columns: {
|
||||
on_after_active_column: function(feature, colIndex){
|
||||
console.log(feature, colIndex);
|
||||
}
|
||||
}
|
||||
};
|
||||
</pre>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
Loading…
Reference in a new issue