WebComponents/Table - Revision history

TobiasPaczian: /* Export */

2008-11-26T17:00:09Z

Export

2008-11-26T11:06:07Z

Export

2008-11-26T11:03:42Z

Filtering

2008-11-26T10:43:22Z

Filtering

2008-11-26T10:40:49Z

Table

2008-11-26T10:39:04Z

Sorting

2008-11-26T10:35:18Z

Browsing

2008-11-26T10:34:40Z

Browsing

2008-11-26T10:31:42Z

Browsing

2008-11-26T09:58:11Z

Table

← Older revision		Revision as of 17:00, 26 November 2008
Line 41:		Line 41:
	=== Export ===		=== Export ===

−	For most ~~table~~, you will find an '''export''' button on the page. This will let you download the data of the table in '''.tsv''' format. This tab-separated text can be opened with many ~~Editors, or~~ Excel.	+	For most tables, you will find an '''export''' button on the page. This will let you download the data of the table in '''.tsv''' format. This tab-separated text can be opened with many editors and spreadsheet tools (i.e. Microsoft Excel).

← Older revision		Revision as of 11:06, 26 November 2008
Line 40:		Line 40:

	=== Export ===		=== Export ===
		+
		+	For most table, you will find an '''export''' button on the page. This will let you download the data of the table in '''.tsv''' format. This tab-separated text can be opened with many Editors, or Excel.

@@ Line 25: / Line 25: @@
 === Filtering ===
-Different kinds of filters can be applied to the table data. One filter is simply a text field that does an infix search (meaning that if the word you type in the text field is part of a word in the cells of a cell in the respective column, the row will be visible.
+Different kinds of filters can be applied to the table data. The table always uses all filters for all columns at once. This means that if you may want to check if other filters are active, if the result of filtering a column is not what you expect. Often, a '''clear all filters''' button is made available on top of the page.
 [[Image:TableFilter1.png]]
 [[Image:TableFilter2.png]]
 [[Image:TableFilter3.png]]
 === Export ===

← Older revision		Revision as of 10:43, 26 November 2008
Line 24:		Line 24:

	=== Filtering ===		=== Filtering ===
		+
		+	Different kinds of filters can be applied to the table data. One filter is simply a text field that does an infix search (meaning that if the word you type in the text field is part of a word in the cells of a cell in the respective column, the row will be visible.

	[[Image:TableFilter1.png]]		[[Image:TableFilter1.png]]

@@ Line 1: / Line 1: @@
 == Table ==
-The Table component has a large number of functionalities that can be used to access data that can be displayed in tabular form. Features of the table component are '''Browsing''', '''Sorting''', '''Filtering''' and '''Export'''.
+The Table component has a large number of functionalities that can be used to access data that can be displayed in tabular form. Features of the table component are '''Browsing''', '''Sorting''', '''Filtering''' and '''Export'''. Most of these functions of the table are implemented by JavaScript functions. That means, it does not lead to a reload of the page. The page ''knows'' all the information, but only part of it is displayed. The display is then manipulated using JavaScript functions.
 A table consists of a header row (here in dark blue) and the rows that contain the data. In some cases the header row can be supplied with a supercolumn to group columns. The header cells contain the functionality to sort and filter the row data, as described below.
 The rows are colored in two different colors for better visibility (here white and light grey background). If you hover over a row, it will be highlighted in dark grey.
 [[Image:Table1.png]]

← Older revision		Revision as of 10:39, 26 November 2008
Line 20:		Line 20:

	=== Sorting ===		=== Sorting ===
		+
		+	You can sort the contents of the table by each column using the little arrows next to the column header. The sorting is done using JavaScript, meaning that it does not reload the page.

	[[Image:TableSort.png]]		[[Image:TableSort.png]]

@@ Line 15: / Line 15: @@
 The number of rows you want your table to display at once can be changed using the text box '''display ___ items per page'''. Just press return after changing the number to change the display of your table.
-To browse through the table you can click the links '''<<first''', '''<<prev''', '''next>>''' and '''last>>'''. The links only appear if there is e.g. a next page.
+To browse through the table you can click the links '''<<first''', '''<<prev''', '''next>>''' and '''last>>'''. The links only appear if there is e.g. a next page. The text in the middle of the links will tell you which items are currently displayed.
 [[Image:TableBrowse.png]]

← Older revision		Revision as of 10:31, 26 November 2008
Line 12:		Line 12:

	=== Browsing ===		=== Browsing ===
		+
		+	The number of rows you want your table to display at once can be changed using the text box '''display ___ items per page'''.

	[[Image:TableBrowse.png]]		[[Image:TableBrowse.png]]