Customizing the Table Layout
  • 26 Jul 2021
  • 1 Minute to read
  • Dark
    Light
  • PDF

Customizing the Table Layout

  • Dark
    Light
  • PDF

Article Summary

ShopCtrl offers to customize the table layout based on your needs to make your work even more efficient.

How to change the table layout

For most of the columns, the sorting option is available.
Double click the column header. Or hover a mouse to the right side of the column header and click an arrow. The drop-down menu will appear offering to Sort Ascending or Descending.
tips-and-tracks-sorting-00

For some tables, also group by option is available. Click the arrow in the right corner of the column and select Group by this field to group by the values of the certain column.
tips-and-trciks-group-by-this-field-00

To amend the change, click an arrow in any column and uncheck the Show in groups.
tips-and-trcks-show-in-groups-00

You can also change the sequence of the columns by simply dragging and dropping them in a new place.

tips-and-tricks-drag_and_drop_column_header

Or adjust the width of the columns by either double-clicking the column border to automatically fit the content. Drag the boundary on the right side of the column heading until the column is the width you want.

Clicking an arrow on the column header and selecting the Columns menu item, you could also specify which columns to display in the table. Check and uncheck the boxes to customize the view of the table.

tips-and-tricks-columns

How to reset table layout

The custom layout of the page will remain the same after the page reloads or logout.
To come back to the default settings of the table, click a Reset layout button in the footer menu.

footer

Clicking the Reset layout button will prompt a message dialog.

restore_gridPanels_layout_defaults

You can easily select the number of items that will be displayed per page. Or navigate through pages. The total number of the items filtered is shown in the right-down corner of the page.
Click a Refresh button to refresh the content of a page.


What's Next