
However, it is not mandatory to use grids. Digital products require symmetry and perfect alignment. Grids in UI design are more important than ever. And don’t be afraid to break out of the grid. Rather approach it as a certain logic that will help you bring design elements to order within the page. Adjust the height and width of the columns, change margins and sizes of the gutters to create the grid that will meet your needs. Mix several grids at the same time, or, in other words, play with the hierarchical grid.

You can design your own grid and work with it. Provides methods to get or set information about the view selector of the subgrid control.Image credit: Vivien Cseresznyés on Dribble Provides methods to access the data related to control on a form that is tied to a column in an editable grid. Provides methods to access the data in the cell of an editable grid. Provides methods to access data about the specific records in the rows. Provides methods to work with rows or selected rows in the grid. Provides methods to access information about data in the grid. Provides methods to work with the grid or subgrid control. These objects form a hierarchy as shown in the following diagram: Use the following objects to interact with grids. You can register for the OnChange, OnRecordSelect, and OnSave events using the Events tab of the model-driven apps page that is used to enable editable grids for a table or a read-only grid. Occurs before sending the updated information to the server, and when any of the following occurs: there is a change in the record selection, the user explicitly triggers a save operation using the editable grid's save button, or the user applies a sort, filter, group, pagination, or navigation operation from the editable grid while there are pending changes. Occurs when a single row (record) is selected in the editable grid Occurs when a value is changed in a cell in the editable grid and the cell loses focus This includes when users sort values in subgrid by clicking the column headings.

For more information about getting the grid context to execute your JavaScript code, see Client API grid context Events Name Grid context is the grid or subgrid instance on a form against which you want to run your code. Although the editable grid control provides editing capability, it honors the read-only grid metadata and field-level security settings.

The editable grid is a custom control, and is supported in the main grid and subgrids on a form in the web client and in dashboards and on form grids on the mobile clients. Editable grids: In addition to displaying data in a tabular format, provides rich inline editing capabilities on web and mobile clients including the ability to group, sort, and filter data within the same grid so that you do not have to switch records or views.To edit the data displayed in a read-only grid, you have to select the record in the grid to open the form, edit the data, and then save. Read-only grids: Display data in a tabular format.There are two types of grids in model-driven apps: Grids can span the entire form or can be one of the items on a form the latter are called subgrids. Grids present data in a tabular format in model-driven apps.
