2010-08-17 09:42:13 +02:00
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
< html >
< head >
< meta http-equiv = "content-type" content = "text/html; charset=utf-8" / >
< link rel = "shortcut icon" type = "image/ico" href = "http://www.datatables.net/favicon.ico" / >
< title > DataTables example< / title >
< style type = "text/css" title = "currentStyle" >
@import "../media/css/demo_page.css";
@import "../media/css/demo_table.css";
< / style >
< / head >
< body id = "dt_example" >
< div id = "container" >
< div class = "full_width big" >
2011-04-25 20:07:57 +02:00
DataTables examples
2010-08-17 09:42:13 +02:00
< / div >
2011-04-26 08:30:31 +02:00
< p > This DataTables package comes with a number of examples of how you can use this software, and demonstrates the capabilities and flexibility of DataTables.< / p >
2010-08-17 09:42:13 +02:00
2011-04-26 08:30:31 +02:00
< div class = "demo_links" >
< h2 > Basic initialisation< / h2 >
< ul >
< li > < a href = "basic_init/zero_config.html" > Zero configuration< / a > < / li >
< li > < a href = "basic_init/filter_only.html" > Feature enablement< / a > < / li >
< li > < a href = "basic_init/table_sorting.html" > Sorting data< / a > < / li >
< li > < a href = "basic_init/multi_col_sort.html" > Multi-column sorting< / a > < / li >
< li > < a href = "basic_init/multiple_tables.html" > Multiple tables< / a > < / li >
< li > < a href = "basic_init/hidden_columns.html" > Hidden columns< / a > < / li >
< li > < a href = "basic_init/complex_header.html" > Complex headers - grouping with colspan< / a > < / li >
< li > < a href = "basic_init/dom.html" > DOM positioning< / a > < / li >
2011-12-15 11:19:24 +01:00
< li > < a href = "basic_init/flexible_width.html" > Flexible table width< / a > < / li >
2011-04-26 08:30:31 +02:00
< li > < a href = "basic_init/state_save.html" > State saving< / a > < / li >
< li > < a href = "basic_init/alt_pagination.html" > Alternative pagination styles< / a > < / li >
< li > Scrolling: < br >
< a href = "basic_init/scroll_x.html" > Horizontal< / a > /
< a href = "basic_init/scroll_y.html" > Vertical< / a > /
< a href = "basic_init/scroll_xy.html" > Both< / a > /
< a href = "basic_init/scroll_y_theme.html" > Themed< / a > /
< a href = "basic_init/scroll_y_infinite.html" > Infinite< / a >
< / li >
< li > < a href = "basic_init/language.html" > Change language information (internationalisation)< / a > < / li >
< li > < a href = "basic_init/themes.html" > ThemeRoller themes (Smoothness)< / a > < / li >
< / ul >
< h2 > Advanced initialisation< / h2 >
< ul >
< li > Events: < br >
< a href = "advanced_init/events_live.html" > Live events< / a > /
< a href = "advanced_init/events_pre_init.html" > Pre-init< / a > /
2011-12-14 19:05:57 +01:00
< a href = "advanced_init/events_post_init.html" > Post-init< / a >
2011-04-26 08:30:31 +02:00
< / li >
< li > < a href = "advanced_init/column_render.html" > Column rendering< / a > < / li >
< li > < a href = "advanced_init/html_sort.html" > Sorting without HTML tags< / a > < / li >
< li > < a href = "advanced_init/dom_multiple_elements.html" > Multiple table controls (sDom)< / a > < / li >
< li > < a href = "advanced_init/length_menu.html" > Defining length menu options< / a > < / li >
< li > < a href = "advanced_init/complex_header.html" > Complex headers and hidden columns< / a > < / li >
< li > < a href = "advanced_init/dom_toolbar.html" > Custom toolbar (element) around table< / a > < / li >
< li > < a href = "advanced_init/highlight.html" > Row highlighting with CSS< / a > < / li >
< li > < a href = "advanced_init/row_grouping.html" > Row grouping< / a > < / li >
< li > < a href = "advanced_init/row_callback.html" > Row callback< / a > < / li >
< li > < a href = "advanced_init/footer_callback.html" > Footer callback< / a > < / li >
< li > < a href = "advanced_init/sorting_control.html" > Control sorting direction of columns< / a > < / li >
< li > < a href = "advanced_init/language_file.html" > Change language information from a file (internationalisation)< / a > < / li >
2011-12-14 19:05:57 +01:00
< li > < a href = "advanced_init/defaults.html" > Setting defaults< / a > < / li >
2011-04-26 08:30:31 +02:00
< / ul >
< h2 > API< / h2 >
< ul >
< li > < a href = "api/add_row.html" > Dynamically add a new row< / a > < / li >
< li > < a href = "api/multi_filter.html" > Individual column filtering (using "input" elements)< / a > < / li >
< li > < a href = "api/multi_filter_select.html" > Individual column filtering (using "select" elements)< / a > < / li >
< li > < a href = "api/highlight.html" > Highlight rows and columns< / a > < / li >
< li > < a href = "api/row_details.html" > Show and hide details about a particular record< / a > < / li >
< li > < a href = "api/select_row.html" > User selectable rows (multiple rows)< / a > < / li >
< li > < a href = "api/select_single_row.html" > User selectable rows (single row) and delete rows< / a > < / li >
< li > < a href = "api/editable.html" > Editable rows (with jEditable)< / a > < / li >
< li > < a href = "api/form.html" > Submit form with elements in table< / a > < / li >
< li > < a href = "api/counter_column.html" > Index column (static number column)< / a > < / li >
< li > < a href = "api/show_hide.html" > Show and hide columns dynamically< / a > < / li >
< li > < a href = "api/api_in_init.html" > API function use in initialisation object (callback)< / a > < / li >
< li > < a href = "api/tabs_and_scrolling.html" > DataTables scrolling and tabs< / a > < / li >
< li > < a href = "api/regex.html" > Regular expression filtering< / a > < / li >
< / ul >
< / div >
2010-08-17 09:42:13 +02:00
2011-04-26 08:30:31 +02:00
< div class = "demo_links" >
< h2 > Data sources< / h2 >
< ul >
< li > < a href = "data_sources/dom.html" > DOM< / a > < / li >
< li > < a href = "data_sources/js_array.html" > Javascript array< / a > < / li >
< li > < a href = "data_sources/ajax.html" > Ajax source< / a > < / li >
< li > < a href = "data_sources/server_side.html" > Server side processing< / a > < / li >
< / ul >
< h2 > Server-side processing< / h2 >
< ul >
< li > < a href = "server_side/server_side.html" > Obtain server-side data< / a > < / li >
< li > < a href = "server_side/custom_vars.html" > Add extra HTTP variables< / a > < / li >
< li > < a href = "server_side/post.html" > Use HTTP POST< / a > < / li >
< li > < a href = "server_side/ids.html" > Automatic addition of IDs and classes to rows< / a > < / li >
< li > < a href = "server_side/object_data.html" > Reading table data from objects< / a > < / li >
< li > < a href = "server_side/row_details.html" > Show and hide details about a particular record< / a > < / li >
< li > < a href = "server_side/select_rows.html" > User selectable rows (multiple rows)< / a > < / li >
< li > < a href = "server_side/jsonp.html" > JSONP for a cross domain data source< / a > < / li >
< li > < a href = "server_side/editable.html" > jEditable integration with DataTables< / a > < / li >
< li > < a href = "server_side/defer_loading.html" > Deferred loading of Ajax data< / a > < / li >
< li > < a href = "server_side/column_ordering.html" > Custom column ordering (in callback data)< / a > < / li >
< li > < a href = "server_side/pipeline.html" > Pipelining data (reduce Ajax calls for paging)< / a > < / li >
< / ul >
< h2 > Ajax data source< / h2 >
< ul >
< li > < a href = "ajax/ajax.html" > Ajax sourced data (array of arrays)< / a > < / li >
< li > < a href = "ajax/objects.html" > Ajax sourced data (array of objects)< / a > < / li >
< li > < a href = "ajax/defer_render.html" > Deferred DOM creation for extra speed< / a > < / li >
< li > < a href = "ajax/null_data_source.html" > Empty data source columns< / a > < / li >
< li > < a href = "ajax/custom_data_property.html" > Use a data source other than aaData (the default)< / a > < / li >
< li > < a href = "ajax/objects_subarrays.html" > Read column data from sub-arrays< / a > < / li >
< li > < a href = "ajax/deep.html" > Read column data from deeply nested properties< / a > < / li >
< / ul >
< h2 > Plug-ins< / h2 >
< ul >
< li > < a href = "plug-ins/plugin_api.html" > Add custom API functions< / a > < / li >
< li > < a href = "plug-ins/sorting_plugin.html" > Sorting and automatic type detection< / a > < / li >
< li > < a href = "plug-ins/sorting_sType.html" > Sorting without automatic type detection< / a > < / li >
< li > < a href = "plug-ins/paging_plugin.html" > Custom pagination controls< / a > < / li >
< li > < a href = "plug-ins/range_filtering.html" > Range filtering / custom filtering< / a > < / li >
< li > < a href = "plug-ins/dom_sort.html" > Live DOM sorting< / a > < / li >
< li > < a href = "plug-ins/html_sort.html" > Automatic HTML type detection< / a > < / li >
< / ul >
< / div >
2010-08-17 09:42:13 +02:00
2011-04-26 08:30:31 +02:00
< div id = "footer" class = "clear" style = "text-align:center;" >
< p >
Please refer to the < a href = "http://www.datatables.net/usage" > DataTables documentation< / a > for full information about its API properties and methods.< br >
Additionally, there are a wide range of < a href = "http://www.datatables.net/extras" > extras< / a > and < a href = "http://www.datatables.net/plug-ins" > plug-ins< / a > which extend the capabilities of DataTables.
< / p >
2010-08-17 09:42:13 +02:00
< span style = "font-size:10px;" >
2011-04-26 08:30:31 +02:00
DataTables designed and created by < a href = "http://www.sprymedia.co.uk" > Allan Jardine< / a > © 2007-2011< br >
DataTables is dual licensed under the < a href = "http://www.datatables.net/license_gpl2" > GPL v2 license< / a > or a < a href = "http://www.datatables.net/license_bsd" > BSD (3-point) license< / a > .
2010-08-17 09:42:13 +02:00
< / span >
< / div >
< / div >
< / body >
< / html >
