{TableDisplay} details

Setting the allowColResize property in the TableDisplay{} property group to "true" will allow users to adjust the sizes of the columns to make them wider or skinnier based on data returned:

Now, an end user can click and drag the column in area shown below and adjust the size of the column for better viewing.

The buttons row property in the TableDisplay{} property group allows control of where the buttons are located on the table display screen. The default is to show buttons on the bottom only. To show buttons on both top and bottom, specify both values as TableDisplay { ... buttons row:top, bottom; }

Notice, the "Insert" button is now located both on the top and bottom:

By default, the data will return in the table with the options for the user to download to MS Excel, MS Word or XML.

There are property groups within the TableDisplay{} that allows you to turn off these features:

TableDisplay { ... excel:false; }

TableDisplay { ... msWord:false; }

TableDisplay { ... xml:false; }

This example will turn "off" Excel:

See how MS Word and XML are still present but Excel is not:

The insertText property in the TableDisplay{} property group allows you to control the text within the "Insert" button. To change this, navigate to the property group and type in: insertText:new; ("NEW" is the text that will display).

The nextPreviousJustify property in the TableDisplay{} property group allows developers to quickly move the "Next" and "Previous" buttons to the left. Default is right.

Here is Previous/Next buttons pushed left. (Please note the OP and FD buttons are not present when running outside of development mode as shown here):

The selectionType property in the TableDisplay{} property group allows end users to select multiple rows of data from the table. Options are:

TableDisplay { ... selectionType:none; }

TableDisplay { ... selectionType:single; }

TableDisplay { ... selectionType:multiple; }

Default is selectionType:none; By changing this to selctionType:single; a radio button appears next to the rows of data. This button allows for single selection only.

However, if changed to selectionType:multiple; a user can select any number of rows from the table:

The sorting property in the TableDisplay{} property group allows you to easily remove the ascending and descending sort buttons at the top of each column of the table results. Operation default is "true" as shown below.

By setting the property group to "false":

The auto sorting feature is disabled.

By default, users cannot update data directly from the table view. They must open each line item by clicking the "Edit" icon for each individual row. If it is necessary for users to update multiple fields from the same table, The updateable property in the TableDisplay{} property group can be changed to "true" to allow this feature. Now by running an operation, the table view opens editable fields within the table:

This changes the manner in which the table is shown by allowing users to change single or multiple items and clicking "update" to change all revised data.

By default, the header is displayed with tables in WOW. You can easily remove the header by the setting the property group header:false

Now notice there is no header above the inventory items:

Setting the property group multipleDelete:true; will allow end user to delete multiple rows from one set of data returned. It is necessary to also set selectionType:multiple;

WOW will prompt the user to confirm whether they wish to delete the data once clicking the delete button.