{"id":23241,"date":"2018-01-03T08:37:04","date_gmt":"2018-01-03T00:37:04","guid":{"rendered":"http:\/\/localhost\/help\/?page_id=23241"},"modified":"2024-06-06T11:36:23","modified_gmt":"2024-06-06T03:36:23","slug":"using-data-tables","status":"publish","type":"page","link":"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/using-the-page-controls\/using-data-tables\/","title":{"rendered":"Using Data Tables"},"content":{"rendered":"<p class=\"page-subheading\"><\/p>\n<p class=\"left-bar\">This article applies to version 4.4.5 and later of IFS OI Explorer. See <a href=\"#Release_History\">Release History<\/a> for more.<\/p>\n<h2 class=\"page-subheading\"><span id=\"Overview\">Overview<\/span><\/h2>\n<p class=\"intro-text\">IFS OI Explorer Data Tables display your data in tabular format (rows and columns). Possible configuration options include grouping your data, filtering, sorting, hiding, resizing or pinning columns.<\/p>\n<p class=\"intro-text\">Your data table may also show totals such as average value, maximum, count and so on (depending on how it has been pre-configured).<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7621 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/11\/A-Dataset-Table.png\" alt=\"\" width=\"763\" height=\"394\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/11\/A-Dataset-Table.png 763w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/11\/A-Dataset-Table-150x77.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/11\/A-Dataset-Table-24x12.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/11\/A-Dataset-Table-36x19.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/11\/A-Dataset-Table-48x25.png 48w\" sizes=\"auto, (max-width: 763px) 100vw, 763px\" \/><\/p>\n<p>&nbsp;<\/p>\n<hr \/>\n<h2 class=\"page-subheading\"><span id=\"Dataset Table Features\">Data Table Features<\/span><\/h2>\n<p class=\"intro-text\">Data table features and functionality may vary, depending on how the table is configured.<\/p>\n<table style=\"border: 1px solid #cccccc;\">\n<tbody>\n<tr>\n<td style=\"padding-left: 5px;\" width=\"500\">\n<table>\n<tbody>\n<tr>\n<td width=\"500\"><strong>1. Sort<\/strong>:<\/p>\n<p>Click a <strong>column header<\/strong> to sort in ascending (click once) or descending (click twice) order. Click a third time to unsort.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td><strong>2. Open <a title=\"Column Functions Menu\" href=\"#Column_Functions_Menu\">column functions menu<\/a><\/strong>:<\/p>\n<p>Click the <strong>down arrow<\/strong> to the right of the column header. This menu may include the option to <a title=\"Grouping in a Dataset Table\" href=\"#Grouping_in_a_Data_Table\"> group<\/a> this column, and there may be an option to pin the column.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td><strong>3. Filter<\/strong>:<\/p>\n<p>Type text in the <strong>filter edit box<\/strong> below a column header. You can filter on more than one column.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td><strong>4. Resize column<\/strong>:<\/p>\n<p>Hover between two column headers, until you see a <strong>resize pointer<\/strong>. Then drag to left or right.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td><strong>5. Open <a title=\"Grid Menu\" href=\"#Grid_Menu\">grid menu<\/a><\/strong>:<\/p>\n<p>Click the <strong>menu button<\/strong> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7333 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/10\/Grid-menu-button.png\" alt=\"\" width=\"20\" height=\"18\" \/> on the top right of the table. The menu has the option to clear all filters, and to show\/hide the various columns (by name).<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td><strong>6. Scroll<\/strong>:<\/p>\n<p>Scroll horizontally or vertically using the <strong>scrollbars<\/strong>.<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/td>\n<td width=\"500\">\n<table>\n<tbody>\n<tr>\n<td width=\"400\">\u00a0<\/td>\n<\/tr>\n<tr>\n<td width=\"400\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/12\/Data-Table-Features.png\" rel=\"lightbox-0\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-23355 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/12\/Data-Table-Features.png\" width=\"538\" height=\"329\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/12\/Data-Table-Features.png 538w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/12\/Data-Table-Features-150x92.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/12\/Data-Table-Features-24x15.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/12\/Data-Table-Features-36x22.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/12\/Data-Table-Features-48x29.png 48w\" sizes=\"auto, (max-width: 538px) 100vw, 538px\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td>&nbsp;<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p class=\"note\"><strong>Note<\/strong>: Your data table may have a <strong>footer<\/strong>, and it may include a <strong>column aggregate<\/strong> for various columns (average, minimum, sum, etc.), if so configured.<\/p>\n<h3>Column Functions Menu<\/h3>\n<p class=\"intro-text\">Click the little arrow next to a column header, to open that column's function menu.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"border-image alignnone wp-image-7366 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/10\/Open-Menu.png\" alt=\"\" width=\"98\" height=\"27\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/10\/Open-Menu.png 98w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/10\/Open-Menu-24x7.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/10\/Open-Menu-36x10.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/10\/Open-Menu-48x13.png 48w\" sizes=\"auto, (max-width: 98px) 100vw, 98px\" \/><\/p>\n<p class=\"intro-text\">The <em>Column Functions Menu<\/em> lists various menu items for a column. These depend on how the column was configured in design time, as well as the selections you have already made for this column, or another.<\/p>\n<p class=\"intro-text\">Here are some of the menu items from a column functions menu:<\/p>\n<table style=\"border: 1px solid #cccccc;\">\n<tbody>\n<tr>\n<td style=\"padding-left: 5px;\" width=\"500\">\n<table>\n<tbody>\n<tr>\n<td width=\"500\"><strong>1. Sort<\/strong>:<\/p>\n<p>Click the applicable menu item to sort the column Sort Ascending\/Sort Descending\/Remove Sort. (You can also click the column header to sort.)<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td><strong>2. Hide Column<\/strong>:<\/p>\n<p>Click to hide the column from the dataset table.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td width=\"500\"><strong>3. Group<\/strong>:<\/p>\n<p>Click to group the column. Equal values within the column are grouped together. (Note that you can ungroup a grouped column.)<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td><strong>4. Pin<\/strong>:<\/p>\n<p>Click <strong>Pin Left<\/strong> or <strong>Pin Right<\/strong> to pin a column to the left or right of a table, fixing it in position when you use the horizontal scrollbar.<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/td>\n<td width=\"400\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/12\/Column-Menu-options-2.png\" rel=\"lightbox-1\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-23259 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/12\/Column-Menu-options-2.png\" width=\"170\" height=\"285\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/12\/Column-Menu-options-2.png 170w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/12\/Column-Menu-options-2-89x150.png 89w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/12\/Column-Menu-options-2-14x24.png 14w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/12\/Column-Menu-options-2-21x36.png 21w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/12\/Column-Menu-options-2-29x48.png 29w\" sizes=\"auto, (max-width: 170px) 100vw, 170px\" \/><\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3>Grid Menu<\/h3>\n<p class=\"intro-text\">The <em>Grid Menu<\/em> allows you to hide columns from the data table (or show hidden columns), as well as clear all column filters; it is only available if your data table has been configured to show it.<\/p>\n<table style=\"border: 1px solid #cccccc;\">\n<tbody>\n<tr>\n<td style=\"padding-left: 5px;\" width=\"500\">\n<table>\n<tbody>\n<tr>\n<td width=\"500\"><strong>1. Open\/Close grid menu<\/strong>:<\/p>\n<p>Click the little button <img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7333 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/10\/Grid-menu-button.png\" alt=\"\" width=\"20\" height=\"18\" \/> on the far right of the dataset table, to open the grid menu.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td><strong>2. Clear all filters<\/strong>:<\/p>\n<p>Any filters you have applied to columns will be cleared.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td width=\"500\"><strong>3. Show\/Hide column<\/strong>:<\/p>\n<p>Hover over a column header name in the list, then click to hide that column from the dataset table (a hidden column is preceded by a cross <img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7635 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/11\/cross.png\" alt=\"\" width=\"15\" height=\"17\" \/>). Click again to show the column again (a visible column is preceded by a tick\/check <img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7634 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/11\/Check.png\" alt=\"\" width=\"20\" height=\"16\" \/>).<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/td>\n<td width=\"400\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/12\/Grid-Menu-Options.png\" rel=\"lightbox-2\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-23262 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/12\/Grid-Menu-Options.png\" width=\"192\" height=\"214\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/12\/Grid-Menu-Options.png 192w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/12\/Grid-Menu-Options-135x150.png 135w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/12\/Grid-Menu-Options-22x24.png 22w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/12\/Grid-Menu-Options-32x36.png 32w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/12\/Grid-Menu-Options-43x48.png 43w\" sizes=\"auto, (max-width: 192px) 100vw, 192px\" \/><\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3>Grouping in a Data Table<\/h3>\n<p class=\"intro-text\">The data table may be configured to enable grouping.<\/p>\n<table style=\"border: 1px solid #cccccc;\">\n<tbody>\n<tr style=\"border-bottom: 1px solid #cccccc;\">\n<td style=\"padding-left: 5px;\" width=\"500\">\n<table>\n<tbody>\n<tr>\n<td><strong>1. Group by a Column<\/strong>:<\/p>\n<p>Click the <strong>down arrow<\/strong> to the right of the column header to open the <a title=\"Column Functions Menu\" href=\"#Column_Functions_Menu\">Column Functions Menu<\/a>, then select the <em>Group<\/em> menu item. The grouped column moves to the leftmost side of the table.<\/p>\n<p><em>Note<\/em>: You can group more than one column.<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/td>\n<td width=\"500\">\n<table>\n<tbody>\n<tr>\n<td width=\"400\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/12\/group-2.png\" rel=\"lightbox-3\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-23309 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/12\/group-2.png\" width=\"343\" height=\"238\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/12\/group-2.png 343w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/12\/group-2-150x104.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/12\/group-2-24x17.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/12\/group-2-36x25.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/12\/group-2-48x33.png 48w\" sizes=\"auto, (max-width: 343px) 100vw, 343px\" \/><\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/td>\n<\/tr>\n<tr style=\"border-bottom: 1px solid #cccccc;\">\n<td style=\"padding-left: 5px;\" width=\"500\">\n<table>\n<tbody>\n<tr>\n<td><strong>2. Ungroup a Column<\/strong>:<\/p>\n<p>Click the <strong>down arrow<\/strong> to the right of the column header to open the <a title=\"Column Functions Menu\" href=\"#Column_Functions_Menu\">Column Functions Menu<\/a>, then select the <em>Ungroup<\/em> menu item.<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/td>\n<td width=\"500\">\n<table>\n<tbody>\n<tr>\n<td width=\"400\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/12\/Ungroup.png\" rel=\"lightbox-4\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-23284 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/12\/Ungroup.png\" width=\"159\" height=\"196\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/12\/Ungroup.png 159w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/12\/Ungroup-122x150.png 122w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/12\/Ungroup-19x24.png 19w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/12\/Ungroup-29x36.png 29w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/12\/Ungroup-39x48.png 39w\" sizes=\"auto, (max-width: 159px) 100vw, 159px\" \/><\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/td>\n<\/tr>\n<tr style=\"border-bottom: 1px solid #cccccc;\">\n<td style=\"padding-left: 5px;\" width=\"500\">\n<table>\n<tbody>\n<tr>\n<td><strong>3. Expand all Groups<\/strong>:<\/p>\n<p>Click the <strong>plus button<\/strong> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7351 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/10\/Plus-button.png\" width=\"17\" height=\"20\" \/> to the left of the column headers to expand all groupings.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td><strong>4. Expand a Single Group<\/strong>:<\/p>\n<p>Click the <strong>plus button<\/strong> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7351 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/10\/Plus-button.png\" width=\"17\" height=\"20\" \/> to the left of the grouping to expand that group.<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/td>\n<td width=\"500\">\n<table>\n<tbody>\n<tr>\n<td width=\"400\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/12\/Expand.png\" rel=\"lightbox-5\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-23282 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/12\/Expand.png\" width=\"339\" height=\"224\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/12\/Expand.png 339w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/12\/Expand-150x99.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/12\/Expand-24x16.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/12\/Expand-36x24.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/12\/Expand-48x32.png 48w\" sizes=\"auto, (max-width: 339px) 100vw, 339px\" \/><\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/td>\n<\/tr>\n<tr style=\"border-bottom: 1px solid #cccccc;\">\n<td style=\"padding-left: 5px;\" width=\"500\">\n<table>\n<tbody>\n<tr>\n<td><strong>5. Collapse All Groups<\/strong>:<\/p>\n<p>Click the <strong>minus button<\/strong> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7350 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/10\/Minus-Button.png\" width=\"16\" height=\"17\" \/> to the left of the column headers.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td><strong>6. Collapse a Single Group<\/strong>:<\/p>\n<p>Click the <strong>minus button<\/strong> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7350 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/10\/Minus-Button.png\" width=\"16\" height=\"17\" \/> next to an expanded group, to collapse it.<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/td>\n<td width=\"500\">\n<table>\n<tbody>\n<tr>\n<td width=\"400\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/12\/Collapse.png\" rel=\"lightbox-6\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-23281 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/12\/Collapse.png\" width=\"308\" height=\"269\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/12\/Collapse.png 308w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/12\/Collapse-150x131.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/12\/Collapse-24x21.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/12\/Collapse-36x31.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/12\/Collapse-48x42.png 48w\" sizes=\"auto, (max-width: 308px) 100vw, 308px\" \/><\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3>Using the Paging Control<\/h3>\n<p class=\"intro-text\">If the data table has been configured to use the paging control, you will see a page control bar below the table. Use this for paging through the table contents.<\/p>\n<p class=\"note\"><strong>Note<\/strong> The page size (number of rows per page) is defined in the data table configuration.<\/p>\n<table style=\"border: 1px solid #cccccc;\">\n<tbody>\n<tr>\n<td style=\"padding-left: 10px;\" width=\"400\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Using-the-Page-Control.png\" rel=\"lightbox-7\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-23549 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Using-the-Page-Control.png\" width=\"647\" height=\"299\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Using-the-Page-Control.png 647w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Using-the-Page-Control-150x69.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Using-the-Page-Control-24x11.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Using-the-Page-Control-36x17.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Using-the-Page-Control-48x22.png 48w\" sizes=\"auto, (max-width: 647px) 100vw, 647px\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td style=\"padding-left: 10px;\" width=\"400\"><strong>1. <\/strong>Click <strong>First<\/strong> to return to the first page.<\/td>\n<\/tr>\n<tr>\n<td style=\"padding-left: 10px;\" width=\"400\"><strong>2. <\/strong>Click <strong>Previous<\/strong> to get the previous page.<\/td>\n<\/tr>\n<tr>\n<td style=\"padding-left: 10px;\" width=\"400\"><strong>3. <\/strong>Type in a page number to get that page. The total number of pages appears to the right of the edit box.<\/td>\n<\/tr>\n<tr>\n<td style=\"padding-left: 10px;\" width=\"400\"><strong>4. <\/strong>Click <strong>Next<\/strong> to get the following page.<\/td>\n<\/tr>\n<tr>\n<td style=\"padding-left: 10px;\" width=\"400\"><strong>5. <\/strong>Click <strong>Last<\/strong> to get the last page.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p class=\"page-subheading\">\u00a0<\/p>\n<hr \/>\n<h2 class=\"page-subheading\"><span id=\"Dataset Table Features\">Data Table Demo<\/span><\/h2>\n<p class=\"left-bar\">Watch the video below to see how to manipulate a data table.<\/p>\n\r\n\t<!-- Begin Video.js -->\r\n\t<video id=\"example_video_id_627379023\" class=\"video-js vjs-default-skin\" width=\"682\" height=\"328\" poster=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/Video-Poster.png\" controls preload=\"none\" data-setup='[]'>\r\n\t\t<source src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/videos\/DataTable.mp4\" type='video\/mp4' \/>\r\n\t\t\r\n\t\t\r\n\t<\/video>\r\n\t<!-- End Video.js -->\r\n\n<p>&nbsp;<\/p>\n<hr \/>\n<h2 class=\"page-subheading\">Release History<\/h2>\n<div class=\"new-features\">\n<p>New in this release (4.4.5):<\/p>\n<ul>\n<li>You can now update text labels or other controls with the values from a selected row (depending on the data table's configuration).<\/li>\n<li>You can now select a row in a data table, by selecting from another control, for example a combo box (depending on the data table's configuration).<\/li>\n<li>Text wrapping in columns.<\/li>\n<\/ul>\n<\/div>\n<ul class=\"intro-text\">\n<li class=\"intro-text\">Using Dataset Tables (4.4.5) (this release)<\/li>\n<li class=\"intro-text\"><a title=\"Using Dataset Tables (4.4.2)\" href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/using-the-page-controls\/using-data-tables\/dataset-tables-4-4-2\/\">Using Dataset Tables (4.4.2)<\/a><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The IFS OI Explorer Data Table displays your data in tabular format (rows and columns).<br \/>\nPossible configuration options include: grouping your data, setting group aggregates, filtering, sorting, hiding, resizing or pinning columns to left or right for more effective scrolling.<\/p>\n<p class=\"continue-reading-button\"> <a class=\"continue-reading-link\" href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/using-the-page-controls\/using-data-tables\/\">Read more<i class=\"crycon-right-dir\"><\/i><\/a><\/p>\n","protected":false},"author":8,"featured_media":7612,"parent":4254,"menu_order":38,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":"","_members_access_role":[],"_members_access_error":""},"categories":[4],"tags":[113],"class_list":["post-23241","page","type-page","status-publish","has-post-thumbnail","hentry","category-explainer","tag-tables","Product-ex"],"_links":{"self":[{"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/23241","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/comments?post=23241"}],"version-history":[{"count":3,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/23241\/revisions"}],"predecessor-version":[{"id":66970,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/23241\/revisions\/66970"}],"up":[{"embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/4254"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/media\/7612"}],"wp:attachment":[{"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/media?parent=23241"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/categories?post=23241"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/tags?post=23241"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}