Find Angular Captcha Examples and Templates
Use this online angular-captcha playground to view and fork angular-captcha example apps and templates on CodeSandbox. Click any example below to run it instantly or find templates that can be used as a pre-built solution!
T986370The DataGrid splits records into multiple pages. This technique helps optimize control performance: the client only needs to load and render one page at a time. Users can use a scroll bar or a pager to navigate between pages. This demo shows how to enable and customize the pager.
The pager is configured in the pager object and contains the following elements:
Page navigator
Enables page navigation.
Page size selector
Changes the page size. To display this element, enable the showPageSizeSelector property. You can also define the allowedPageSizes and specify the initial pageSize in the paging object.
Page information
Displays the current page number and total record count. To display page information, enable the showInfo property. You can also use the infoText property to customize the information text string.
Column Customization - DevExtreme Data Grid (forked)Users can do the following to customize grid columns at runtime:
Reorder Columns
Drag the column's header to reorder the column.
Component property: allowColumnReordering
Column property: allowReordering
Resize columns
Drag the edge of the column's header to resize the column.
Component property: allowColumnResizing
Related functionality: columnAutoWidth - resizes grid columns to automatically fit the content
Fix (pin) columns
Invoke a context menu in a column's header and specify whether to fix the column to the left or right. The fixed column remains visible when users scroll the view horizontally.
Component property: columnFixing.enabled
Column property: columns[].fixed - if enabled, fixes a column to the left; columns[].fixedPosition - specifies whether to fix a column to the left or right
Show and hide columns
Click the Column Chooser button to access hidden columns. Drag the column's header between the Column Chooser and the grid to change the column's visibility.
Component property: columnChooser.enabled
Column property: columns[].visible
