mirror of
https://github.com/koalyptus/TableFilter.git
synced 2024-05-03 07:03:33 +02:00
Page:
1.19 Toolbar
Pages
1.0 Configuration
1.01 Appearance
1.02 Main features
1.03 Grid layout
1.04 Paging
1.05 Drop down filter
1.06 Checklist filter
1.07 Rows counter
1.08 Loading indicator
1.09 Submit and reset button
1.10 Status bar
1.11 Data types
1.12 Themes
1.13 Help instructions
1.14 Popup filters
1.15 No results message
1.16 Highlight keywords
1.17 State
1.18 Mark active columns
1.19 Toolbar
1.20 Single filter
2.0 TableFilter class
2.1 Public properties
2.2 Public methods
3.0 Extensions
3.1 Advanced grid
3.1 Sort
3.2 Column operations
3.3 Filters visibility
3.4 Columns visibility
4. Filter operators
Home
Obsolete
TODO
1
1.19 Toolbar
koalyptus edited this page 2017-10-10 13:46:27 +11:00
Property | Type | Description | Remarks | Example |
---|---|---|---|---|
toolbar | boolean or literal object | toolbar at top of the table (default - conditionally activated based on configuration) | You can use this option as a literal object too |
var tfConfig = { toolbar: true }; // or var tfConfig = { toolbar: {} }; |
container_css_class | string | Define the css class for the container element (default - 'inf') |
var tfConfig = { toolbar: { container_css_class: 'my-css-class' } }; |
|
left_cont_css_class | string | Define the css class for the left inner container element (default - 'ldiv') |
var tfConfig = { toolbar: { left_cont_css_class: 'my-css-class' } }; |
|
center_cont_css_class | string | Define the css class for the middle inner container element (default - 'mdiv') |
var tfConfig = { toolbar: { center_cont_css_class: 'my-css-class' } }; |
|
right_cont_css_class | string | Define the css class for the right inner container element (default - 'rdiv') |
var tfConfig = { toolbar: { right_cont_css_class: 'my-css-class' } }; |
|
target_id | string | Specify the id of the external DOM element that will contain the toolbar (default - null) (default - null) |
var tfConfig = { toolbar: { target_id: 'my-container-id' } }; |