Search
9302 results 71-80
Examples
- Buttons › Export options - column selectorThe
exportOptions.columnsoption of theprintbutton provides the ability to select only certain columns (using acolumn-selector). In this example only the visible columns are used for the printing. The column visibility buttons (colvis) are included in this example so the column visibility can be easily changed. Additionally, the last column in the table, Salary, is hidden by default (usingcolumns.visible). - Buttons › Format output data - export optionsthe table: orthogonal options and formatting functions as
- FixedHeader › Basic initialisationto use the default options or given as an
- FixedHeader › Alternative initialisationthe second is the options for the instance. In
- FixedHeader › Header and footer fixedare controlled by the options
- FixedHeader › Multiple tablesThe following example shows two DataTables enhanced tables both with FixedHeader enabled on them. This is done quite simply by initialising DataTables on both tables with the
fixedHeaderoption set. This example also shows the footer being fixed in place for the two tables. - FixedHeader › Show / hide FixedHeaderThis example shows how to handle the case when the host DataTable is visible or not. FixedHeader needs to "be informed" if the table is visible or not (or if its position has changed on the page) so it can recalculate its cached values that are used to quickly look up what state the fixed header should be in at any given point. This is achieved through the
fixedHeader.adjust()API method. This example shows a simple toggle button that changes the visibility of the DataTable. ThefixedHeader.adjust()method is called whenever the table's visibility is changed, as it would be in a tab show event handler. - FixedHeader › Scrolling TableThis example shows a scrolling DataTable being used with FixedHeader. The integration between this extension and scrolling tables has not been supported in the past, but it is now fully supported. With scrolling tables the header will behave as it does always with FixedHeader. The footer will no longer float at the bottom of the page when it is in it's fixed state. Instead the table will resize appropriately so that the footer is always at the bottom of the screen.
- FixedHeader › Offset - manualIt is not uncommon to have a fixed element at the top or bottom of a web-page to act as a quick access menu to your end users. If you do employ this on the same page as FixedHeader, the software needs to be told to offset the fixed positioning of the header / footer. This can be done in one of two ways: Automatically, by assigning the class
fh-fixedHeaderorfh-fixedFooterto the fixed elements Using thefixedHeader.headerOffsetandfixedHeader.footerOffsetoptions. This example takes the second approach, using thefixedHeader.headerOffsetoption to assign a suitable offset. - FixedHeader › Offset - automaticIt is not uncommon to have a fixed element at the top or bottom of a web-page to act as a quick access menu to your end users. If you do employ this on the same page as FixedHeader, the software needs to be told to offset the fixed positioning of the header / footer. This can be done in one of two ways: Automatically, by assigning the class
fh-fixedHeaderorfh-fixedFooterto the fixed elements Using thefixedHeader.headerOffsetandfixedHeader.footerOffsetoptions. This example demonstrates the first option where a header element has the classfh-fixedHeaderassigned to it. FixedHeader automatically detects this element and will offset the header by the required amount.
Forum
- 22nd Apr 2022Reorder the column filter integration optionsThe docs for custom options state Note: Custom search
- 22nd Apr 2022Invalid search options not to be restoredshould run after the options have been added. Thanks,
- 31st Mar 2022Caching Options data.ajax calls to load options. For me it is
- 24th Mar 2022Ajax SearchPanes options and server side is not workingyou are loading the options over ajax, with serverSide
- 18th Mar 2022Increasing performance with long options listSelect2 has remote data options. Their documentation for it
- 17th Feb 2022SearchPanse about Custom Filtering Options with json data not workHi sir, It's nice of you to reply me. @colin thanks for your help. this is my test case linksearchPane Custom Filtering Options not work with json variable . now work pic screenshot as follow:
- 1st Feb 2022Adding Title attribute and button states to Colvis button optionsfor each of the options under "Show/Hide Columns" button.
- 18th Jan 2022Inconsistency with language options accepting or not HTMLAnd the plot thickens............... language.searchBuilder.add also doesn't accept HTML; however, adding the icon via CSS works as expected, differently from the indent/outdent options as described in the previous comment.
- 21st Dec 2021Trying to use finite, initial set of search options with server side processingcolumns.searchPanes.options is what you would use to define options. If that doesn't work for you, can you link to a test case showing the issue please? Thanks, Allan
- 2nd Dec 2021When generating multiple Datatables, chosen options disappear when expanding child rows.I remove the chosen options altogether from the tables